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,如需转载请自行联系原作者

相关文章
N..
|
25天前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
11 1
|
29天前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
20 1
|
29天前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
10 0
|
29天前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法
8 0
|
3月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
39 0
|
3月前
|
JavaScript 前端开发
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
jQuery事件1-第5次课-JQ的事件跟JS一样的作用,只是写法不一样-附案例、任务
37 0
|
4月前
|
JavaScript 前端开发
jQuery 第三章(语法+选择器+事件)
jQuery 第三章(语法+选择器+事件)
39 1
|
4月前
|
JavaScript
jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别
jQuery学习(四)— jQuery的ready事件和原生JS的load事件的区别
|
4月前
|
JavaScript
jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别
jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别