jquery - 当使用 ajax 和 jquery 打开它时，我的链接不起作用

Question

我的页面上有一些 div 元素。在主 div 中，单击链接时会使用 jQuery 通过 AJAX 加载内容。当我单击不在主 div 中的链接时，这非常有效。但是当我在主 div 中有一个通过 AJAX 加载的链接时，它们就不起作用了。我不知道为什么。这是一个例子:

我有一个链接。我给它提供了 products 类，以便 jQuery 知道要加载哪些内容。所以我的链接如下所示:

<a href="javascript:;" class="products">products</a> 

我放置了 href="javascript:;" 因为对我来说 href="#" 不起作用，我需要一个 href 这样一些 CSS 就可以工作了。

可能是什么问题？

Answer 1

我猜想，如果没有看到您的实际代码，但更常见的是，不会因为您分配 click 而导致这样的问题。加载时处理程序，并且在新 div 时不重新分配它们元素被附加到页面。

要解决此问题，请使用委托(delegate)事件处理程序，如下所示:

$('#parentDiv').on('click', 'a', function() {
    // do your thing in here
});