Question

为什么ajax加载出来的html,无法用选择器绑定事件，连行内的弹框都不能运行？

需要ajax动态获取数据添加到已经加载完成的html里面时，总是出错。

先调用remove()或empty()把元素的子节点全部清空，然后调用append()函数追加节点。这个节点我已经在行内写了onclick事件了，而且只是弹出一个窗口， 我通过控制台观察，发现已经追加成功，而且语法上没有任何错误。但，就是不能弹框。

我也是彻底不知道怎么办了，网上说的方法里面这是第一种，也是最行之有效的，可是这都运行不了，请问为什么！

主要的代码是：
经过反复调试 ，如果删除掉：$("#u2 li").remove() ，就是删除子元素的那行代码，就能弹框了，这函数是怎么回事，难道是 jquery 的 bug ？

Answer 1

用事件代理啊。
jq里面有live、on几个事件都可以。
$('#u2').on('click','a',function(){
alert('runing')

})

追问

试了bind，live都没有效。还有什么办法么？

追答

不可能没有效果啊。
或者你可以试试在append之后做一次事件操作看看
$('#u2').append(str)
$('#u2').find('a').click(function(){})

如果这样还是不行，那就是代码有问题了。

追问

反复测试后，是 $("#u2 li").remove() 有问题，如果把它删除了，就能够把事件绑定上去，用 $("#u2 a").click(function(){ ... }); 都能够绑定上去，行内的onclick也能够运行。

但是我必须清空列表，才能再重新生成，否则会无限追加。remove() 有问题……
你遇到过这种情况么？

代码逻辑上应该没有问题啊，就一两行。

追答

你直接写$('#u2').html(str)试试，不要用append，这样就不会追加了。

追问

问题转移了，在整个大的mouseover事件函数里不能对其他元素绑定事件。已经存在的html也一样。 这是不是一个语法？

追答

具体的看不到代码真不好说，你可以把mouseover换成其他的事件看看，或者改成mouseenter试试。