jquery Click事件点击一次,执行多次原因之一

简介:
用jquery 绑定一个按钮click事件后,第一次点击后,一切正常,第二次点击,竟然执行两次,以后越来越多。
后来查看文档发现 jquery click 不是 替换原有的function 而是接着添加,所以才会执行次数越来越多。
function noteSubmit(contentObj){
//点击发送按钮事件
$('.noteBtn').on('click',function(){
consoel.log("ok");
});
}
一:只执行一次noteSubmit函数
二:
在函数中加入$('.noteBtn').unbind('click'); 
function noteSubmit(contentObj){
$('.noteBtn').unbind('click'); 
//点击发送按钮事件
$('.noteBtn').on('click',function(){
consoel.log("ok");
});

}



本文转自 沉迷学习中 51CTO博客,原文链接:http://blog.51cto.com/12907581/2052566,如需转载请自行联系原作者

相关文章
|
1月前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
17 0
|
2月前
|
JavaScript
jQuery 事件
jQuery 事件
39 10
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
33 3
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
15 0
|
3月前
|
JavaScript Java
点击按钮,向下添加目录。Java script+jQuery写法
点击按钮,向下添加目录。Java script+jQuery写法
22 1
|
3月前
|
JavaScript Java
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
分别使用js与jquery写 单击按钮时出现内容 点击删除按钮不会再向下出现
20 1
|
3月前
|
Web App开发 JavaScript Android开发
重载jquery on方法实现click事件在移动端的快速响应
重载jquery on方法实现click事件在移动端的快速响应
|
JavaScript
jquery click事件,多次执行
用jquery绑定一个按钮click事件后,第一次点击后,一切正常,第二次点击,竟然执行两次,以后越来越多, 后来查看文档发现  jquery click  不是 替换原有的function  而是接着添加,所以才会执行次数越来越多。
923 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload