Jquery on方法绑定事件后执行多次
来源:互联网 发布:新锐网络 编辑:程序博客网 时间:2024/04/29 09:40
这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick 来实现,后来没有这样做,使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现,on 对同一个元素多次绑定同一个事件的时候,这个事件就会执行多次。
下面给出这种情况的实例:
$(function(){ $(".add").click(function(eve){ $(".btn-area").append("<button class='test-btn'>test button</button>"); //$(".test-btn").off("click"); $(".test-btn").on("click",function(){ console.log("test button ....."); }); });});在点击add按钮的添加测试按钮,测试按钮绑定点击事件,console 台输出一句话。
执行结果如下:
很明显,第一个按钮点击之后执行了5次。
遇到这种情况需要在每次绑定事件之前,对该事件解绑,也就是 $(“.test-btn”).off(“click”); ,off方法解绑。
0 0
- Jquery on方法绑定事件后执行多次
- Jquery on方法绑定事件后执行多次
- Jquery on方法绑定事件后执行多次
- jquery 绑定点击事件 多次执行问题
- 【JQuery-02】事件绑定多次造成多次执行
- jQuery 动态绑定的方法多次执行的解决jQuery(document).on(
- JQuery 给元素绑定click事件 多次执行
- JQuery给元素绑定click事件多次执行的解决方法
- jquery mobile 事件 多次绑定
- Jquery多次绑定click事件
- 完美的jquery事件绑定方法on()
- jQuery的on方法绑定事件
- jQuery新的事件绑定方法on()
- Jquery,1.7+后的版本使用.on()绑定事件,动态绑定事件,绑定未来事件
- jQuery事件绑定.on()
- jQuery事件绑定.on()
- jquery on()事件绑定
- jquery click事件,多次执行
- PLSQl如何 配置快键键 自动生成SQL
- 买元器件 注意事项(实时更新)
- Quartz 2D 图标的绘制
- 对金融大数据存在意义的思考(一)之 渠道产品&金融大数据
- java 求圆锥
- Jquery on方法绑定事件后执行多次
- Thinkphp采坑之jquery ajax post&&Common/Common/function.php清楚缓存
- linux 下命令行播放器mplayer安装及使用
- 使用jmeter时遇到 Host of origin may not be blank
- 递归的理解
- Java中的静态方法
- 结点选择 搜索,dp思想
- WebService注册服务类,一张图片概括
- 高并发解决方案