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を読み込んでいると思います

これは、2 番目の #content がリンクから読み込まれることを意味し、そのコンテンツを読み込む必要があります

于 2013-07-30T08:22:58.530 に答える