jquery图片动态添加点击事件失效，jquery点击图片弹出放大

怎样处理jQuery动态添加元素时无法触发绑定事件

1、新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。按钮点击触发事件。click按钮按下效果如图。

2、jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

3、可以使用事件委托，将子元素的事件委托给父元素监听。直接给父元素绑定事件监听，事件发生时，检测其子元素是否符合条件。符合则触发子元素的事件。这样动态添加的子元素也有效。

4、(document).on(click，.class，function(){……})；相当于$(.class).live(click，function(){……})；js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

5、事件是在网页加载的时候都绑定好了，动态添加的tr上其实并没有绑定事件，如果想动态绑定的话可以用live来绑定，live方法用法和bind相同。

6、原因是打开页面，DOM元素加载完毕后才会执行jquery代码，从而给DOM元素绑定事件，而新添加的元素是后来添加的DOM元素，并没有绑定事件。当然有个一劳永逸的办法，就是动态事件绑定插件——livequery，你可以去看看。

相关问答

Q1: jquery无法为动态生成的元素添加点击事件

1、如果你的元素是用click事件append进来的，那你的功能函数必须放在这个click事件里面。

2、当然不能，事件绑定是针对可以见元素的（加入到DOM树中的元素），当动态创建的元素加入DOM时，绑定事件早就执行过了，JS 不会自动检测新加入DOM 的元素并给它绑定事件，此时需要手动绑定一次，或者采用事件委派的方式。

3、新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。按钮点击触发事件。click按钮按下效果如图。

4、(function(){ })；的意思是等到所有的DOM元素可用了才执行javascript代码。

Q2: (原来jq点击会失效)jq---jquery点击事件失效原因和解决办法

1、(this).removeClass().addClass(on)；句话会把类名为i1的元素的类名移除，给他添加类名on，所以$(.i1).click在执行的时候就找不到这个元素了。

2、jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

3、click，showDIV(1))；})；jquery还有一个解除事件委派的方法：unbind([eventType])。参数是可选的，如果不选，则表示移除节点所有已绑定事件。这里你只需要解除click事件，可以用$(#s1).unbind(click)来处理。

Q3: jquery插入元素后,元素的鼠标事件失效的问题。

jquery里为未来元素添加事件的原理很简单，既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

并不是事件没有绑定上，是因为点击li的时候先触发了ul的隐藏事件，ul已经被隐藏了所以点击事件无效。

(function(){ })；的意思是等到所有的DOM元素可用了才执行javascript代码。

关于jquery图片动态添加点击事件失效和jquery点击图片弹出放大的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。