jquery bind(click)傳參讓列表中每行綁定一個事件
更新時間:2014年08月06日 11:37:32 投稿:whsnow
用jquey bind 點擊事件時,傳參不注意可能會導致點擊每一行都是顯示相同內(nèi)容的情況,下面有個示例,感興趣的朋友可以參考下
點擊列表中某行,彈出詳情的需求比較常見。用jquey bind 點擊事件時,傳參不注意可能會導致點擊每一行都是顯示相同內(nèi)容的情況,這大多數(shù)是因為傳參沒注意引起的問題。簡易代碼如下:
for(var i=0;i<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<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>
您可能感興趣的文章:
- JQuery中綁定事件(bind())和移除事件(unbind())
- jQuery中的bind綁定事件與文本框改變事件的臨時解決方法
- jQuery中對未來的元素綁定事件用bind、live or on
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- 解析jQuery的三種bind/One/Live事件綁定使用方法
- jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實例詳解
- JQuery入門——移除綁定事件unbind方法概述及應用
- JQuery入門——用bind方法綁定事件處理函數(shù)應用介紹
- jQuery中bind(),live(),delegate(),on()綁定事件方法實例詳解
- jQuery中的on與bind綁定事件區(qū)別實例詳解
- jQuery中綁定事件bind() on() live() one()的異同
- jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法
相關文章
省市區(qū)三級聯(lián)動jquery實現(xiàn)代碼
這篇文章主要為大家詳細紹了省市區(qū)三級聯(lián)動jquery實現(xiàn)代碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10
jquery對標簽添加只讀(readonly)或者禁用(disabled)屬性
這篇文章主要介紹了jquery對標簽添加只讀(readonly)或者禁用(disabled)屬性,jQuery是一個JavaScript庫。極大地簡化了JavaScript編程,下面關于其詳細介紹,需要的小伙伴可以參考一下2022-03-03
jQuery EasyUI API 中文文檔 - EasyLoader 加載器
jQuery EasyUI API 中文文檔 - EasyLoader 加載器,使用jQuery EasyUI的朋友可以參考下。2011-09-09
jQuery EasyUI API 中文文檔 - ComboTree組合樹
jQuery EasyUI API 中文文檔 - ComboTree組合樹,需要的朋友可以參考下。2011-10-10
jquery fancybox ie6不顯示關閉按鈕的解決辦法
本篇文章主要是對jquery fancybox ie6不顯示關閉按鈕的解決辦法進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12
jquery數(shù)組之存放checkbox全選值示例代碼
使用jquery數(shù)組可以存放checkbox全選值,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12

