2

我通过 ajax (post) 请求将内容放在我的页面上，如下所示：

$("input#ViewMore").click(function() {
            var data = { before: oldestDate, threadId: 1 };
            $.post("/Message/More", data,function(html) {
                $('tbody#posts').prepend(html);
                return false;
            },
            "html");
            return false;
        });

随着html回来看起来像：

消息输出报价

这一切都很好，花花公子，一切看起来都应该，没有问题。

当我将一个事件挂接到通过 ajax 调用添加的“引用”锚点时，就会出现问题。具体来说，该锚点上的 jQuery 事件不会触发。为什么？

例如：

$("#quote).click(function() { ... });

什么也没做。就像上面没有事件一样。我知道它正在处理页面上未通过 ajax 请求添加的其他锚点，因此那里没有代码错误，另外，如果我刷新页面，它将正确触发。发生这种情况是否有某种原因，我是否需要以某种方式重新初始化锚标记上的该事件？有任何想法吗？

使用 jQuery 1.3.1（也不适用于 1.2.6）所以我相信这是我的实现而不是代码本身。

4

4 回答 4

5

您可以使用jQuery 1.3 的Events/live，live会将处理程序绑定到所有当前和未来匹配元素的事件。

于 2009-01-31T16:23:02.063 回答
2

当使用 Ajax 将新内容添加到页面时，您必须将所有事件重新注册到这些新元素。

于 2009-01-31T16:21:02.440 回答
0

变成

$('#quote').live("click", function() { ... }

和

$("input#ViewMore").live("click", function() { ... }

似乎不起作用

于 2009-01-31T16:36:30.303 回答
0

CMS 的回答有所帮助，但结果如下：

查看更多按钮事件与在添加它的 AJAH 请求之外保持相同：

$("input#ViewMore").click( function() { ... }

有事件被添加进出 AJAH 请求的元素需要使用 live 方法：

$('#quote').live("click", function() { ... }

奇迹般有效！

于 2009-01-31T16:47:10.830 回答