jquery bind(click)傳參讓列表中每行綁定一個事件
更新時間：2014年08月06日 11:37:32 投稿：whsnow
用jquey bind 點擊事件時，傳參不注意可能會導(dǎo)致點擊每一行都是顯示相同內(nèi)容的情況,下面有個示例，感興趣的朋友可以參考下
點擊列表中某行，彈出詳情的需求比較常見。用jquey bind 點擊事件時，傳參不注意可能會導(dǎo)致點擊每一行都是顯示相同內(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方法概述及應(yīng)用
- JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
- jQuery中bind(),live(),delegate(),on()綁定事件方法實例詳解
- jQuery中的on與bind綁定事件區(qū)別實例詳解
- jQuery中綁定事件bind() on() live() one()的異同
- jQuery使用bind函數(shù)實現(xiàn)綁定多個事件的方法
相關(guān)文章
$號是jQuery“類”的一個別稱，$()構(gòu)造了一個jQuery對象。所以，“$()”可以叫做jQuery的構(gòu)造函數(shù)（個人觀點，呵呵！）。2009-12-12
在用jquery加ajax寫的時候，發(fā)現(xiàn)如果傳進去的數(shù)據(jù)包含&則無法獲取數(shù)據(jù)而+號的話就會被判定為空，解決辦法就是使用encodeURIComponent()函數(shù)對要發(fā)送的數(shù)據(jù)進行編碼,需要的朋友可以參考下2017-01-01
jQuery1.6 使用方法，需要的朋友可以參考下。2011-11-11
jQuery Validate讓普通按鈕觸發(fā)表單驗證的方法
一般的表單校驗都是直接注冊在頁面上的匿名函數(shù)，導(dǎo)致只能通過固定的提交方式觸發(fā)表單校驗，如果想自定義一個按鈕觸發(fā)表單校驗如何實現(xiàn)呢，下面通過本文給大家詳細(xì)介紹2016-12-12
這篇文章主要為大家詳細(xì)介紹了避免jQuery名字沖突，noConflict()方法，感興趣的朋友可以參考一下2016-07-07
這篇文章主要介紹了jQuery模擬黑客帝國矩陣效果的方法,實例分析了jQuery操作頁面元素實現(xiàn)動畫效果的技巧,需要的朋友可以參考下2015-06-06
基于jquery的下拉框改變動態(tài)添加和刪除表格實現(xiàn)代碼
以前很少用jquery，現(xiàn)在工作需要，用上了，感覺真的很方便！不用再像以前那樣寫那么多多余的Js了！看來得在jquery上花點功夫呢！2011-03-03
基于BootStrap環(huán)境寫jQuery tabs插件
這篇文章主要介紹了基于BootStrap環(huán)境寫jQuery tabs插件的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
easyui-datagrid開發(fā)實踐(總結(jié))
本篇文章主要介紹了easyui-datagrid開發(fā)實踐(總結(jié))，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了jquery遍歷函數(shù)siblings()用法,結(jié)合實例形式較為詳細(xì)的分析了jquery的siblings函數(shù)用于元素遍歷的相關(guān)技巧,需要的朋友可以參考下2015-12-12