Heim >Web-Frontend >js-Tutorial >Was tun, wenn das JQuery-Click-Ereignis fehlschlägt?
Was tun, wenn das JQuery-Click-Ereignis fehlschlägt?
- 藏色散人Original
- 2020-11-20 11:48:262013Durchsuche
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 = $('ul li');
var leng = c.querySelectorAll("li").length;
$("#a").on('click',function(){
for(var i=0 ; i< leng;i++){
link[i].className = 'display'
}
})
$("#b").on('click',function(){
for(var i=0 ; i< leng;i++){
if(link[i].id !== 'c2'){
link[i].className = 'hide'
}else{
link[i].className = 'display'
}
}
})
$("#d").on('click',function(){
for(var i=0 ; i< leng;i++){
if(link[i].id !== 'c1'){
link[i].className = 'hide'
}else{
link[i].className = 'display'
}
}
})
</script>
</body>
</html>
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
$('#a').click = function(){
for(var i=0 ; i< leng;i++){
link[i].className = 'display'
}
}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!