jquery bind(click)传参让列表中每行绑定一个事件
更新时间:2014年08月06日 11:37:32 投稿:whsnow
用jquey bind 点击事件时,传参不注意可能会导致点击每一行都是显示相同内容的情况,下面有个示例,感兴趣的朋友可以参考下
点击列表中某行,弹出详情的需求比较常见。用jquey bind 点击事件时,传参不注意可能会导致点击每一行都是显示相同内容的情况,这大多数是因为传参没注意引起的问题。简易代码如下:
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绑定事件监听bind和移除事件监听unbind用法实例详解
- JQuery入门——移除绑定事件unbind方法概述及应用
- JQuery入门——用bind方法绑定事件处理函数应用介绍
- jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
- jQuery中的on与bind绑定事件区别实例详解
- jQuery中绑定事件bind() on() live() one()的异同
- jQuery使用bind函数实现绑定多个事件的方法
相关文章
jquery对标签添加只读(readonly)或者禁用(disabled)属性
这篇文章主要介绍了jquery对标签添加只读(readonly)或者禁用(disabled)属性,jQuery是一个JavaScript库。极大地简化了JavaScript编程,下面关于其详细介绍,需要的小伙伴可以参考一下2022-03-03jQuery EasyUI API 中文文档 - EasyLoader 加载器
jQuery EasyUI API 中文文档 - EasyLoader 加载器,使用jQuery EasyUI的朋友可以参考下。2011-09-09jQuery EasyUI API 中文文档 - ComboTree组合树
jQuery EasyUI API 中文文档 - ComboTree组合树,需要的朋友可以参考下。2011-10-10jquery fancybox ie6不显示关闭按钮的解决办法
本篇文章主要是对jquery fancybox ie6不显示关闭按钮的解决办法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助2013-12-12
最新评论