Question

为什么我js动态添加的a标签相应的js会失效

我用js动态添加a标签后发现在前面写的a标签的事件没有效果了,本来是当鼠标移上去会有效果,但是动态加上去的a标签没有这个效果.





Answer 1

1. 个人理解

   我猜测的会失效，应该是通过jquery绑定的事件失效了吧？
   

2. 如何解决

// 在动态添加元素后，如果之前绑定事件是通过click 绑定，则动态添加的元素不会被绑定。
//可以通过delegate 进行绑定
$('body').delegate('a','click',function(){
    //此处为处理过程
});
//而且要保证$('body') 中的选择器不是动态添加的。

   3. 如果该回答没有对应您的问题，请您贴出您的问题代码。

Answer 2

你在生成a标签以前绑定在a上面的事件属于生成a以前的a，举个例子，现在有一个a(alpha)，它有一个hover事件，现在我创建了一个a(beta)，那么beta就不拥有alpha拥有的事件。因为jquery的事件绑定不是动态的，后来创建的a均不属于先前的hover事件的对象

Answer 3

用on方法来做事件委托, 给动态创建的a标签的父元素绑定点击事件

Answer 4

这些问题你应该 把代码贴出来