如何使用jQuery在动态创建的元素上绑定事件？
要在动态创建的元素上绑定事件，您需要动态加载。您可以尝试运行以下代码，以了解如何在动态创建的元素上绑定事件。在这里，我们将在单击按钮时生成一个新的列表项。
示例
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("ul").append("<li>new item <a href='javascript:void(0);' class='del'>×</a></li>"); }); $(document).on("click", "a.del" , function() { $(this).parent().remove(); }); }); </script> </head> <body> <button>Add</button> <p>Click the above button to dynamically add new list items. You can remove it later.</p> <ul> <li>item</li> </ul> </body> </html>
-
问题内容： 我正在上传多个图像，并将它们放置在ondiv必须切换某些类的某些div中。我是否必须将添加onclick事件的部分放在ajax成功函数中？非常感谢！ 我正在使用“ on”上的jquery，但似乎不起作用。可能我缺少了一些东西 这是我的代码： Javascript： HTML： 问题答案： 对于动态创建的元素，您必须使用.live（）但是，在1.7中不推荐使用，而在中将其完全删除。该签名
-
问题内容： 这个问题的答案是 社区的努力。编辑现有答案以改善此职位。它目前不接受新的答案或互动。 我有一些代码，在其中循环浏览页面上的所有选择框，并将事件绑定到它们上，以使它们的宽度变窄。 这在页面准备就绪时发生，并且工作正常。 我的问题是，在初始循环之后，我通过Ajax或DOM添加的所有选择框都没有事件绑定。 我已经找到了这个插件（[jQuery Live Query Plugin](），但是在
-
问题内容： 我想将onclick事件绑定到我使用jQuery动态插入的元素 但是它从不运行绑定函数。如果您能指出此示例为何不起作用以及如何使其正常运行，我将不胜感激： 编辑：我编辑了该示例以包含方法插入到其中的两个元素。在这种情况下，将永远不会执行该调用。 问题答案： 第一个问题是，当您在具有多个元素的jQuery集合上调用append时，会为每个元素创建要添加的元素的克隆，因此丢失了附加的事件观
-
问题内容： 我是jQuery的新手。我写了一段代码，将一张桌子上的产品与另一张桌子上的产品动态地相加，如下所示：正如您在小提琴中看到的那样，这段代码对我来说很好。 现在，我已经使用ajax通过动态生成此产品列表（表2）来操纵了此代码，现在该代码对我不起作用。 正如我已经想过这个缺陷，事情，我想我所有的CSS和JS脚本得到加载与网页的加载速度 抵达动态加载但是该复选框（表2），这就是为什么JS不是娱
-
本文向大家介绍jquery html动态添加的元素绑定事件详解，包括了jquery html动态添加的元素绑定事件详解的使用技巧和注意事项，需要的朋友参考一下 在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况： 假设我们要给ul动态添加的<li>绑定click事件形成如下结果 以上这篇jquery html动态添加的元素绑定事件详解就是小编分享给大家的全部内容了，希望能给大家一个参考
-
问题内容： 我已经动态创建了文本框，我希望每个文本框都能在单击时显示日历。我使用的代码是： 即使我所有的文本框都有一个名为datepicker_recurring_start的类，该方法仅在第一个文本框上有效。 非常感谢您的帮助！ 问题答案： 这是窍门： 该语法手段： 添加一个监听器（在我们的例子）的事件（“焦点”在我们的例子）。对于与选择器匹配的所有匹配节点的后代（在我们的示例中），应用事件处理