JS--$('...').click()不生效的原因

1. $('...').click()
    当选中的选择器被点击时触发回调函数fn，$('...').click()只能为页面已经存在的元素绑定点击事件；如果是动态生成的新的元素，是触发不了事件的。

2.$(document).on('click','.className',function(){})
   on方法包含很多事件，点击，双击等等事件。$(document).on('click','.className',function(){})是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，就能够触发事件。

使用$(document).on('click','.className',function(){})时对同一个元素多次绑定同一个事件的时候，这个事件就会执行多次。所以在遇到这种情况下需要对该事件进行解绑。可以使用off解绑，即：$(document).off('click','.className');

解绑事件off()方法：

解绑一个事件：$(document).off('click');

解绑多个事件：$(document).off('... ... ...');     //空格隔开

解绑所有事件：$(document).off();

注意:是哪个事件会多次执行就在哪个on()前面先绑一次off();

$(document).off('click',".className").on("click", ".className", function () {

    //需要执行的代码

});