关于Ajax响应的Jquery事件

Question

如何在ajax请求创建的元素上为.click()事件运行jquery函数？

对于普通元素，它可以工作，但我想为ajax请求创建的元素执行此操作。它不起作用......

$(".links").click(function(){alert("aaaa");})

a class="links" >1</a;

我也试过“链接”作为id。 我需要它用于分页系统。

请帮助:(

Answer 1

在将新元素插入DOM之后，您需要再次运行代码以绑定click事件处理程序。或者，您可以使用.live()。

Answer 2

使用jquery live

Answer 3

使用jquery live，

$(".links").live('click', function(){
    //user code here
});

要处理动态加载的doms，你应该使用live函数。 页面加载后，jquery不会自动加载页面doms。

Answer 4

你应该像这样使用live（）：

$(".links").live('click', function(){alert("aaaa");})

这也适用于添加到文档

的元素

对每个<a>元素进行onclick，你必须这样做（如果这是你的意思：

$("a").live('click', function(){
      alert($(this).attr("id"));
    })

这会将事件附加到所有<a>元素以及之后添加的元素。

编辑 - 现在警报显示链接的ID：在这种情况下，“this”指的是已点击的<a>