JQUERY1.7 이후에는 라이브가 더 이상 권장되지 않기 때문에 jquery 클릭 이벤트가 실패합니다. 해결 방법은 코드를 "$("#a").on('click',function(){for(var i= 0 ; i< leng;i++){...}}".
권장: "jquery 비디오 튜토리얼"
코드
<!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>
원래 이렇게 작성했지만, 동적 요소 및 속성에 이벤트를 바인딩하기 위해 Live 및 on이 지원되는 것으로 나타났습니다. Now on은 주로 사용되지 않습니다. , on을 사용할 때도 주의하세요. 페이지가 로드될 때 on 이전의 요소도 DOM에 존재해야 합니다. 동적 요소나 스타일은 on
$('#a').click = function(){ for(var i=0 ; i< leng;i++){ link[i].className = 'display' } }
Later의 두 번째 매개변수에 배치될 수 있습니다. 다음 코드
$("#a").on('click',function(){ for(var i=0 ; i< leng;i++){ link[i].className = 'display' } })
위 내용은 jquery 클릭 이벤트가 실패하면 어떻게 해야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!