DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JS中批量給元素綁定事件過程中的相關問題使用閉包解決
JS中批量給元素綁定事件過程中的相關問題使用閉包解決
編輯:JQuery特效代碼     
在JS中,你寫一個for循環的時候,內部的循環變量I其實是會保存在它運行的函數或類內的,所以你會發現你給元素批量綁定事件的時候,出現i=最後一個循環變量的值,這就很坑爹啊,解決的方案有2鐘,
思路就是:把這個循環變量保存起來,不要讓它的作用域在整個函數,而是在循環體內

1.使用閉包(如果你不懂閉包,請打開百度:www.baidu.com)
2.使用with關鍵字,with語法是with( obj ) { //使得可以在此直接訪問obj的屬性,而不用加obj.XXX }
代碼示例:
. 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.7.2.js" ></script>
<script type="text/javascript" language="javascript">
$(document).ready(function (){
function Ev(i){
this.index = i;
this.click = function (){
alert(this.index );
}
}
for(var k=1; k<4; k++){
//閉包函數1
// (function(x){
// $("#div" + x).click(function(){
// f(x);
// });
// }(k));
//使用with關鍵字
with ({i: k}){
$("#div" + i).click(function(){
f(i);
});
}
}
var f = function (m){
alert(m);
}
});
</script>
</head>
<body>
<div id="div1">1
</div>
<div id="div2">2
</div>
<div id="div3">3
</div>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved