jquery bind(click)傳參讓列表中每行綁定一個(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)文章
省市區(qū)三級(jí)聯(lián)動(dòng)jquery實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)紹了省市區(qū)三級(jí)聯(lián)動(dòng)jquery實(shí)現(xiàn)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10jquery對(duì)標(biāo)簽添加只讀(readonly)或者禁用(disabled)屬性
這篇文章主要介紹了jquery對(duì)標(biāo)簽添加只讀(readonly)或者禁用(disabled)屬性,jQuery是一個(gè)JavaScript庫(kù)。極大地簡(jiǎn)化了JavaScript編程,下面關(guān)于其詳細(xì)介紹,需要的小伙伴可以參考一下2022-03-03jQuery EasyUI API 中文文檔 - EasyLoader 加載器
jQuery EasyUI API 中文文檔 - EasyLoader 加載器,使用jQuery EasyUI的朋友可以參考下。2011-09-09jQuery實(shí)現(xiàn)帶玻璃流光質(zhì)感的手風(fēng)琴特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶玻璃流光質(zhì)感的手風(fēng)琴特效,是一款基于jQuery+CSS3實(shí)現(xiàn)手風(fēng)琴特效,希望你可以喜歡。2015-11-11jQuery EasyUI API 中文文檔 - ComboTree組合樹(shù)
jQuery EasyUI API 中文文檔 - ComboTree組合樹(shù),需要的朋友可以參考下。2011-10-10jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法
本篇文章主要是對(duì)jquery fancybox ie6不顯示關(guān)閉按鈕的解決辦法進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12jquery數(shù)組之存放checkbox全選值示例代碼
使用jquery數(shù)組可以存放checkbox全選值,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-12-12