淘先锋技术网

首页 1 2 3 4 5 6 7

今天在使用jQuery的过程中遇到了一个奇怪的问题,就是点击某个按钮却发现对应的点击函数并没有执行。


$('#btn').click(function(){
  console.log('点击事件执行了');
});

jquery点击函数不执行

按照平时的做法,我们在HTML代码中定义好按钮id为"btn",再在javascript中绑定点击事件。然而,在实际操作过程中,发现点击按钮后并没有输出"点击事件执行了"这个语句。

经过一番排查,终于找到了问题所在:原来按钮是由javascript动态生成的,而我们之前的代码只是在页面加载完成后绑定了一次点击事件,而没有考虑到后来生成的按钮没有绑定事件。


$(document).on('click','#btn',function(){
  console.log('点击事件执行了');
});

所以我们需要将代码修改为上述形式,使用jQuery的on函数来为后来生成的按钮绑定点击事件。这样就可以顺利地执行点击函数了。

总之,使用jQuery的点击函数遇到不执行的问题,首先要检查相关的HTML元素是否存在,否则需要考虑使用on函数重新绑定事件。