Question

网页的jquery代码如何在AJAX加载后生效？

网页JS代码中有一些代码再页面加载时生效，比如将所有name为“AA”的元素绑定点击事件，网页中有部分是通过AJAX加载的，并且根据操作随时更改AJAX内容，但是这部分内容中无法实现JS中的绑定事件，请问我改如何解决？

Answer 1

两种方法，推荐用第二种：

1. 【JS方法】把点击事件封装成函数，然后为每个AA元素添加onclick属性，指向函数。

2. 【jQuery方法】jQuery有专门的方法来解决该类问题，即解决后加入DOM结构的元素无法绑定事件的问题，你可以用.on方法（要求jQuery版本必须大于1.7）：

   
   

$("a[name='AA']").on("click", function(){ // 假设你这里是a标签
    // 其他代码
});

这样的话无论AJAX怎么变，这部分的a标签都能响应绑定的click事件。

Answer 2

为每一个节点，父级前面的展开+-号上绑定一个click事件，同时需要将当前导航的id传送到后台，后台根据此id获取到相应的数据，用json格式传递回来，然后组合你想要的导航样式就行了