jquery 바인딩(클릭)은 매개변수를 전달하여 이벤트를 list_jquery의 각 행에 바인딩합니다.-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

jquery 바인딩(클릭)은 매개변수를 전달하여 이벤트를 list_jquery의 각 행에 바인딩합니다.

May 16, 2016 pm 04:40 PM

bind jquery

목록의 행을 클릭하면 세부정보가 팝업되는 것이 일반적입니다. 이벤트를 클릭하기 위해 jquey 바인딩을 사용할 때 매개변수 전달을 부주의하게 수행하면 클릭한 모든 행에 동일한 내용이 표시될 수 있습니다. 이는 대부분 매개변수 전달을 부주의하게 인해 발생합니다. 간단한 코드는 다음과 같습니다.

for(var i=0;i&lt;2;i++) { 
$("#b" + i).bind("click", {'bindText':bindText + i}, function(e){ 
butClick(e); 
}); 
}

로그인 후 복사

테스트 코드:

<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
var bindText = 'AAA'; 
for(var i=0;i&lt;2;i++) { 
$("#b" + i).bind("click", {'bindText':bindText + i}, function(e){ 
butClick(e); 
}); 
} 
}); 

function butClick(e) { 
alert(e.data.bindText); 
} 
</script> 
</head> 
<body> 
<button id="b0">请点击这里0</button> 
<button id="b1">请点击这里1</button> 
</body> 
</html>

로그인 후 복사

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.