jQuery给动态添加的元素绑定事件的方法
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下：
jquery中绑定事件一般使用bind，或者click，但是这只能是对已经加载好的元素定义事件，那些后来添加插入的元素则需要另行绑定。在1.7版本以前使用live。但是在1.8版本以后推荐使用on。这里介绍jQuery中如何给动态添加的元素绑定事件
在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况
例如
<div id="testdiv"> <ul></ul> </div>
需要给<ul>里面动态添加的<li>标签添加click事件
jquery 1.7版以前使用live动态绑定事件
$("#testdiv ul li").live("click",function(){
});
jquery 1.7版以后使用on动态绑定事件
$("#testdiv ul").on("click","li", function() {
//do something here
});
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jquery html动态添加的元素绑定事件详解，包括了jquery html动态添加的元素绑定事件详解的使用技巧和注意事项，需要的朋友参考一下 在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况： 假设我们要给ul动态添加的<li>绑定click事件形成如下结果 以上这篇jquery html动态添加的元素绑定事件详解就是小编分享给大家的全部内容了，希望能给大家一个参考
-
问题内容： 我想将onclick事件绑定到我使用jQuery动态插入的元素 但是它从不运行绑定函数。如果您能指出此示例为何不起作用以及如何使其正常运行，我将不胜感激： 编辑：我编辑了该示例以包含方法插入到其中的两个元素。在这种情况下，将永远不会执行该调用。 问题答案： 第一个问题是，当您在具有多个元素的jQuery集合上调用append时，会为每个元素创建要添加的元素的克隆，因此丢失了附加的事件观
-
本文向大家介绍JQuery事件委托(适用于给动态生成的脚本元素添加事件)，包括了JQuery事件委托(适用于给动态生成的脚本元素添加事件)的使用技巧和注意事项，需要的朋友参考一下 最近一段时间打了一个大仗，现在总算消停点，才有时间来做个总结吧算是： 移动端遇到一个项目，是一个列表的侧滑栏，在我这里用jq写的交互事件。自测各方面都挺好的，美滋滋的给了研发。研发也美滋滋的开始开发。 但是，好景不长。。
-
本文向大家介绍Angularjs 动态添加指令并绑定事件的方法，包括了Angularjs 动态添加指令并绑定事件的方法的使用技巧和注意事项，需要的朋友参考一下 这两天学习了angularjs 感觉指令这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。 先说使用场景，动态生成DOM元素并绑定事件，非常常见的一种场景，用jq实现效果： 如果用angularjs应该怎么实现呢？想当然的情况是这
-
问题内容： 我正在上传多个图像，并将它们放置在ondiv必须切换某些类的某些div中。我是否必须将添加onclick事件的部分放在ajax成功函数中？非常感谢！ 我正在使用“ on”上的jquery，但似乎不起作用。可能我缺少了一些东西 这是我的代码： Javascript： HTML： 问题答案： 对于动态创建的元素，您必须使用.live（）但是，在1.7中不推荐使用，而在中将其完全删除。该签名
-
本文向大家介绍JQuery给元素绑定click事件多次执行的解决方法，包括了JQuery给元素绑定click事件多次执行的解决方法的使用技巧和注意事项，需要的朋友参考一下 原绑定方法： 这种方法只会在原click方法中继续添加新方法； 解决办法更改绑定方法为： 在绑定新click方法前对元素所绑定的click方法解绑