jquery事件不起作用，jquery的事件处理函数

jquery对动态加载的li添加click事件,事件无法触发

分享给大家供大家参考，具体如下：最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发事件。

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

其实最简单的方法就是直接在标签中写onclick=，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。

相关问答

Q1: jQuery在添加元素时无法触发绑定事件怎么处理

其实最简单的方法就是直接在标签中写onclick=，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。

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

这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

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

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

）事件绑定在元素出现之前。jQuery有个特点，就是出现这样的问题并不会报错，所以需要题主自己确认是否将绑定事件写到了元素出现之前。3）事件冲突。

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

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

2、失效可能是因为你添加了行内样式。仔细看看。

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

4、分享给大家供大家参考，具体如下：最近遇到一个问题，即当用jquery动态添加元素后，发现给动态添加的元素却无法触发事件。

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

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

关于jquery事件不起作用和jquery的事件处理函数的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。