Jquery 对新插入的节点 绑定Click事件失效

原创 2015年07月11日 10:24:59



1.有人说用 Live, 事实上现在最新的Jquery已经不支持 Live 了。live的解决方法如下:


你可以看这个 也可以不看 ,只是做到心中有数就可以了。下面介绍ON的方法。


live:Live的使用介绍


2.有人用了ON 来解决, 这个解决方法基本在理。


On :On的介绍,能解决问题


On的方法,基本能解决问题,但是你也要根据你的具体情况做选择。并不是每个人的代码都像上面这个案例描述的那么简单。但是万变不离其宗。


我是这样来做的,最终把问题解决了。  我有一个UL 标签是静态的,就是说不是后来动态添加的。然后我动态添加了像“<li><a href="#" ....>链接</a></li>”的内容。

我是按下面的方法做的选择。

$("#subul").on('click','li>a', function (e) {
    //取消冒泡
    //var e = e || window.event;
   // e.stopPropagation();
    alert("asssss");
    var areaid = this.attributes.getNamedItem("id").nodeValue;
    alert(areaid);
    $("#subul>li>a").removeClass("smallBtSelected");
    $("#" + areaid).addClass("smallBtSelected");

})









相关文章推荐

jQuery中动态创建元素节点无法触发事件

jQuery中动态创建元素节点无法触发事件 动态创建代码,如下:点击添加动态元素 $(".a").click(function(){ var html = ‘动态添加的按钮’; $(...

Jquery动态添加节点,绑定事件失效的解决方法

1.事件绑定在append之前时,会出现绑定事件失效。 如图: 解决方法:使用on绑定事件,给此动态节点的父元素(非动态节点)绑定。 即:$("父元素").on("事件",“动态子元素”...

jQuery源码-事件绑定函数bind/delegate/click...

前言:我用的jQuery版本为v2.0.1,jQuery绑定事件的接口有bind/delegate/click等其他方法,但是他们最终调用的还是this.on作为入口 但是jQuery提供两种绑定机...

jquery插件动态生元素,绑定angularjs on-click事件

场景:使用jq插件生成了分页的元素,元素每次点击后都会重新生成,这时候给,元素绑定ng-click事件,就会只触发一次(刚接触angularjs一天,原理未知,好心人解答下)! 解决方案:给绑...

jquery绑定事件并传参例如click

jquery时间绑定的同时传递参数,例如click

Jquery绑定事件失效

在学习Jquery事件的时候发现了一下问题:最初的demo为: Hello World $('#mSpan').mousedown(function(){ ...

AngularJS动态增加dom,导致里面ng-click、modal绑定失效的问题解决方法

AngularJS动态增加dom,导致里面ng-click、modal绑定失效的问题解决方法

asp.net C#动态添加创建生成button按钮控件没有触发执行响应click绑定事件处理

问题描述: 在aspx页面动态生成一个控件,比如点击按钮a生成按钮b,然后再点击按钮b的时候,无论如何也进不到按钮b的Click事件里。 网上的答案基本不对,要么就是演示得特复杂难看懂,现在我写一个最...

knockout click绑定使用事件源对象

应用场景: li中的信息通过ajax请求后使用foreach绑定加载至页面,然后针对每个li绑定click事件,并读取其id属性,进行后续操作。 初始代码如下: ...

如何给元素绑定click点击事件

最简单的莫过于使用click方法: 1 2 3     var btn ...
  • aerchi
  • aerchi
  • 2014年04月26日 10:08
  • 6756
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery 对新插入的节点 绑定Click事件失效
举报原因:
原因补充:

(最多只允许输入30个字)