使用AJAX插入DIV内容后，JQuery不起作用。

26 浏览
0 Comments

使用AJAX插入DIV内容后，JQuery不起作用。

我正在使用JQuery（1.10.1）运行AJAX调用并将内容插入到一个DIV中。

在ajax DIV内部的li标签上的任何点击都应该触发一个警报以及AJAX方法。第一次运行时它可以正常工作，但是随后的调用失败了，我没有收到警报。

我认为我应该在成功的AJAX调用之后绑定ajax DIV，但我不确定。我已经尝试过.on方法，然后是.bind方法，但是由于对JQuery的详细理解不足，我无法再进一步了。可能有一些我忽视了的更基本的东西。

test1.php：

Test

  • Example list item #1
  • Example list item #2
  • Example list item #3

test2.php

  • Red
  • Blue
  • Green
0

2 答案

0 Comments

问题：JQuery在使用AJAX插入DIV内容后无法工作。

原因：必须从绑定时存在的元素进行委派绑定，可以使用on方法来实现。

解决方法：将代码$('#ajax li').click(function() {修改为$('#ajax').on('click', 'li', function() {。

0
0 Comments

JQuery在使用AJAX插入DIV内容后无法工作的问题可能出现的原因是没有使用事件委托。解决方法是使用事件委托的方式绑定事件。

事件委托的写法如下：

$('#ajax').on('click','li',function() { 
    // 事件处理逻辑
});

更多关于事件委托的内容可以参考官方文档：

[http://learn.jquery.com/events/event-delegation/](http://learn.jquery.com/events/event-delegation/)

0