Was tun, wenn das JQuery-Click-Ereignis fehlschlägt?-js-Tutorial-php.cn

Was tun, wenn das JQuery-Click-Ereignis fehlschlägt?

藏色散人

Freigeben： 2020-11-20 11:48:26

Original

2012 Leute haben es durchsucht

Das JQuery-Click-Ereignis schlägt fehl, da Live nach JQUERY1.7 nicht mehr empfohlen wird. Die Lösung besteht darin, den Code in „$(“#a“).on('click',function(){for(var i=) zu ändern 0; i & lt;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<style type="text/css">
 #a{
     width:50px;
     height:50px;
     background: rgb(54, 54, 54);
 }
 #b{
     width:50px;
     height:50px;
     background: rgb(144, 243, 182);
 }
 #d{
     width:50px;
     height:50px;
     background: rgb(114, 116, 231);
 }
 li{
     list-style: none;
 }
.display{display:block;}
.hide{display:none;}
 </style>
</head>
<body>
    <p id="a"></p>
    <p id="b"></p>
    <p id="d"></p>
    <p id="c">
        <ul>
            <li id="c1">11111111</li>
            <li id="c2">22222222</li>
            <li id="c3">33333333</li>
        </ul>
    </p>
<script type="text/javascript">
    var link = $(&#39;ul li&#39;);
    var leng = c.querySelectorAll("li").length;
    $("#a").on(&#39;click&#39;,function(){
        for(var i=0 ; i< leng;i++){
            link[i].className = &#39;display&#39;
        }
    })
    $("#b").on(&#39;click&#39;,function(){
        for(var i=0 ; i< leng;i++){
            if(link[i].id !== &#39;c2&#39;){
                link[i].className = &#39;hide&#39;
            }else{
                link[i].className = &#39;display&#39;
            }
        }
    })
    $("#d").on(&#39;click&#39;,function(){
        for(var i=0 ; i< leng;i++){
            if(link[i].id !== &#39;c1&#39;){
                link[i].className = &#39;hide&#39;
            }else{
                link[i].className = &#39;display&#39;
            }
        }
    })   
</script>
</body>
</html>

Nach dem Login kopieren

Was tun, wenn das JQuery-Click-Ereignis fehlschlägt? wurde ursprünglich so geschrieben, aber es wurde festgestellt, dass der Klick ungültig ist. Live wird für die Bindung von Ereignissen an dynamische Elemente und Attribute nicht mehr empfohlen. Jetzt wird on hauptsächlich verwendet. Bitte achten Sie bei der Verwendung von on darauf, dass das Element vor on auch im Dom vorhanden sein muss, wenn die Seite geladen wird. Dynamische Elemente oder Stile können im zweiten Parameter von on platziert werden. Ändern Sie einfach den Code in den folgenden Code

  $(&#39;#a&#39;).click = function(){
      for(var i=0 ; i< leng;i++){
           link[i].className = &#39;display&#39;
      }
  }

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWas tun, wenn das JQuery-Click-Ereignis fehlschlägt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!