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