`

jq绑定动态生成元素

 
阅读更多
[size=medium]
$("#searchMoveVideoResult").on("click","ul li",function(){  
    $(this).css("border","5px solid #000");  
});  


//下面这样写就是错的了,一定要把动态添加的元素放到on()方法里面才行

$("#searchMoveVideoResult ul li").on("click",function(){  
    $(this).css("border","5px solid #000");  
});  
[/size]
分享到:
评论

相关推荐

    jQuery给动态添加的元素绑定事件的方法

    本文实例讲述了jQuery给动态添加的元素绑定事件的方法。...在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况 例如 <ul></ul> 需要给里面动态添加的标签添加click事件   jquery 1.7版以前使用live

    jquery弹窗插件colorbox绑定动态生成元素的方法

    以前我都是讲这个插件使用在静态HTML元素中的,今天为动态生成的元素绑定的时候发现不能用了。 常规的用法是这样的: 代码如下: <a>www.jb51.net</a> 代码如下: $(document).ready(function(){ 

    关于动态生成dom绑定事件失效的原因及解决方法

    之前做项目都是直接用jquery的bind绑定事件,不过当时都不是动态生成dom元素,而是已经页面中原本存在的dom元素进行事件绑定,最近在测试给动态生成的dom绑定事件的时候发现事件失效,于是就测试了一下: ...

    jquery使用on绑定a标签无效 只能用live解决

    jQuery使用on()绑定动态生成元素的事件无效的问题 jQuery的on()方法可以绑定动态生成元素的事件,但是在实际使用时发现无效。如下HTML: <a>123 使用如下方式,对静态元素有效,但是绑定动态生成的a元素的事件时...

    jQuery实现动态生成表格并为行绑定单击变色动作的方法

    主要介绍了jQuery实现动态生成表格并为行绑定单击变色动作的方法,涉及jQuery页面元素遍历与事件动态响应相关操作技巧,需要的朋友可以参考下

    jquery html动态添加的元素绑定事件详解

    在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况: <ul></ul> 假设我们要给ul动态添加的绑定click事件形成如下结果 <li name=apple>apple <li name=pear>pear [removed] function test...

    jQuery如何获取动态添加的元素

     用jQuery的append()方法动态添加了一段html代码之后,发现在为新添加的元素绑定click事件时无法获取该新元素。 二、解决方法  度娘推荐的方法基本是用live()方法  live()的官方定义和用法:  live() 方法为...

    关于jquery中动态增加select,事件无效的快速解决方法

    都是为一个元素绑定某个事件,但是bind方法只能给当前存在的元素绑定事件,对于事后采用JS等方式新生成的元素无效,而live方法则正好弥补了bind方法的这个缺陷,它可以对后生成的元素也可以绑定相应的事件。...

    jquery动态添加元素事件失效问题解决方法

    今天在写JQUERY时遇到个问题:当使用脚本动态添加元素xxx时,但事件$(“.x .y”).click(function)…失效问题。 刚开始网上找到了用live函数,方法如下: 事件绑定:$(“.x .y”).click(function) 需改为: 代码如下:...

    浅谈jQuery事件绑定原理

    jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下: <!DOCTYPE html> &lt...

    Angularjs 动态添加指令并绑定事件的方法

    先说使用场景,动态生成DOM元素并绑定事件,非常常见的一种场景,用jq实现效果: var count=0; $(#test).on(click,function(event){ if(event.target.tagName.toLowerCase()==input) return; count++; var ...

    jquery绑定原理 简单解析与实现代码分享

    jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下:<!DOCTYPE html> <...

    jQuery取消特定的click事件

    问题来了, 在动态生成的DOM中, 我们为某一元素绑定了两种不同的click(假设为A、B), append元素时, 所有元素又绑定一次B, …… 这样会导致最后点击时B事件会成倍往上翻。 幸运的是,jQuery 为我们提供了很...

    jquery中关于bind()方法的使用技巧分享

    bind()绑定事件的时候,这些元素必须已经存在,而on()可以处理类似于代理这样的东东,也就是说不存在的元素(动态生成的元素也可以处理),如下动态生成的 To do list ,再双击删除,可使用on()轻松完成,你会发现,...

Global site tag (gtag.js) - Google Analytics