jquery on()绑定的点击事件在js动态新添加的元素上无效，请问为什么

发布网友 发布时间：2022-04-21 13:49

我来回答

共4个回答

懂视网 时间：2022-04-21 18:10

用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？on方法中要先找到原选择器（如例.info),再找到动态添加的选择器（如列.delete)。

具体不多说了，请看下面的代码吧。

     
                                                            

                        
                        热心网友
                        时间：2022-04-21 16:36
                    
                    如果你的元素是用click事件append进来的,

$("#aa").on("click", “#children”function(){
$(‘.aa’).append("<div id='children' style='border: 1px solid blue;'>children content</div>");
如上如果是append进.aa里，那么需要绑定的点击事件的元素的父元素为.aa。
我也是看了网上很多解决这个问题的方法但是都差不多解决不了问题，我试了一下这么做还真解决了。希望对大家有帮助。                                        

                        
                        热心网友
                        时间：2022-04-21 18:11
                    
                    动态js，元素如果重新生是不行的吧，一般都是通过一个不变父级元素绑定，$().on(‘click ‘,’元素选择器’,function)写法和你那差不多