jquery添加重复元素

我正在进行一些ajax分页。我正在使用以下代码：

jQuery(function($) {
$('#content').on('click', '.woocommerce-pagination a', function(e){
    e.preventDefault();
    var link = $(this).attr('href');
    $('#content').fadeOut(200, function(){
        $(this).load(link + ' #content', function() {

            $(this).fadeIn(200);
            $('.products li').css("width","21.05%");
            $('#content').css("width","70%");
        });
    });
});
});

这是它应该做的，但出于某种原因，它在原始的content div中添加了content。当我查看source时，它看起来是这样的：

<div id="content" role="main" style="display: block; width: 70%;">
<div id="content" role="main">
</div>
</div>

有人知道问题出在哪里吗

$(this).load(link + ' #content'...

你说加载

http://...... #内容

进入我所在网站的

#内容

。您可以添加一个保存内容的包装器来避免这种行为

---

你说加载

http://...... #内容

进入我所在网站的

#内容

。您可以添加一个保存内容的包装器来避免这种行为。

我认为问题出在这里

$(this).load(link + ' #content', function() {

我认为您正在从页面的#content中的链接加载#content

---

这意味着第二个内容是从链接加载的，你应该加载它的内容

我想这就是问题所在

$(this).load(link + ' #content', function() {

我认为您正在从页面的#content中的链接加载#content

---

这意味着第二个#内容是从链接加载的，你应该加载它的内容

添加一个包装器，最好使用引用变量，这是我的经验法则，以避免此类错误，如果它进入你的头脑，可能真的会浪费你的时间….

添加一个包装器，最好使用参考变量，这是我的拇指规则，以避免这样的错误，可能真的会浪费你的时间，如果它在你的头脑