0

我正在研究一些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。当我查看源代码时，它看起来像这样：

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

任何人都可以看到问题是什么？

4

3 回答 3

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

你说把里面的东西加载http://...... #content到#content我所在的网站上。您可以添加一个包含内容的包装器以避免这种行为。

于 2013-07-30T08:22:49.873 回答
1

我认为这是问题所在

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

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

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

于 2013-07-30T08:22:58.530 回答
1

添加一个包装器，最好使用引用变量，这是我的经验法则，以避免这样的错误，如果它在你的脑海中真的会浪费你的时间......

于 2013-07-30T08:44:01.803 回答