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函数实现绑定多个事件的方法
相关文章
extend()是jQuery中一个重要的函数，作用是实现对对象的扩展, 它经常用于jQuery插件的开发，jQuery内部也使用它来扩展属性方法，如noConflict方法，就是用extend方法来扩展的。下面来一起深入的再学习下jquery中extend的实现吧。2016-12-12
基于jquery的button默认enter事件(回车事件)。
这里我介绍一下，button按钮默认回车（enter）事件。如果大家可以用submit，就不用看以下代码，因为submit可以直接默认回车事件（enter）2011-05-05
这篇文章主要介绍了jQuery实现可拖动进度条实例代码，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了仿JQuery输写高效JSLite代码的一些技巧,本文计划根据他人对jQuery总结的一些速度方面的技巧和一些建议,来教你提升你的JSLite和javascript代码,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery中$原理,结合实例形式分析了jQuery中$的原理与运行机制,并具体分析了jQuery对象构造的具体原理,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了jquery实现二级导航下拉菜单效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery实现简单漂亮的Nav导航菜单效果,涉及jQuery响应鼠标事件动态遍历与操作页面元素属性的相关实现技巧,需要的朋友可以参考下2017-03-03
jquery移除button的inline onclick事件(已测试及兼容浏览器)
这种方法在Google Chrome下正常工作，但是在IE的兼容模式下会马上调用reclick方法，这不是我们想要的效果;为了解决这个问题，我们可以换个思路，就是延迟绑定click事件2013-01-01
jQuery实现图片放大原理很简单，就是将图片显示的尺寸变大后放在浏览器的一个指定位置，从而实现图片的放大预览，下面有个不错的示例，感兴趣的朋友可以参考下2013-09-09
这篇文章主要介绍了jquery常用特效方法使用示例,需要的朋友可以参考下2014-04-04
最新评论