2

私は、Wordpress で非常にうまく機能するこの素晴らしい小さなコードを持っています。これは基本的にカスタム ループに [さらに読み込む] ボタンを追加し、クリックするとその下に次の多くの投稿が追加されます。

私が抱えている問題は、以下のスニペットから取得したこのコード行にあります。error: function() { jQuery('button.load-more').attr('disabled', 'disabled').text('No More Posts') } // Disable the button and change its contents when there are no more posts

基本的に、投稿がなくなると、ボタンは指示どおりに無効になりません。誰かが私を修正するのを手伝ってもらえますか? 完全なJSは次のとおりです。

var page = 1;

loadMore = function () {
    page++ //Increments the page number in the request
    $.ajax({
        url: './page/' + page,
        beforeSend: function () {
            $('#wait').show().parent().find('button.load-more').hide();
        },
        complete: function () {
            $('#wait').hide().parent().find('button.load-more').show();
        },
        success: function (data) {
            var $data = $(data).find('article');
            // Replace div#the-posts with the name of your post container
            jQuery('#posts .inner').append($data);
        },
        error: function () {
            jQuery('button.load-more').attr('disabled', 'disabled').text('No More Posts')
        } // Disable the button and change its contents when there arew no more posts

    }); // End Ajax
}; // End loadMore

jQuery('button.load-more').on('click', loadMore);
4

1 に答える 1

2

エラー関数は、サーバーが何らかのエラーステータスコードを返した場合にのみ呼び出されますが、これは発生していないようです。

私の推測では、応答を確認する必要があります。以下が機能する可能性があります。

    success: function (data) {
        var $data = $(data).find('article');
        if ($data.length > 0) {  
          // Replace div#the-posts with the name of your post container
          jQuery('#posts .inner').append($data);
        }
        else {
          jQuery('button.load-more').attr('disabled', 'disabled').text('No More Posts');
        }
    },

ただし、反応がどのように見えるかはわかりませんので、あくまで推測です。

于 2013-03-15T12:10:18.210 に答える