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