0

ajax のページネーションに問題があります。Wordpress を使用してページネーションを生成するスクリプトを jQuery で作成しようとしました。私のスクリプトはこれです：

<script>
jQuery(document).on('click', '.page a', function(e) {  
    e.preventDefault();
    open_sidebar();
    scrollToAnchor('ajax_posts_home');
    jQuery('.home_load_posts').show(2000);
    jQuery('.home_load_posts').animate({
        opacity: 0.85
    }, 1000);

    var link = jQuery(this).attr('href');  

    jQuery('#home_content_posts').load(link+' #home_content_posts');
}); 
</script>

<?php wp_pagenavi(); ?>

これは完全に機能し、問題はありません。本当の問題は、Web サイトの別のリンクをクリックしたときです。これを行うと、スクリプトはそのリンクのコンテンツをロードしますが、なぜこれが起こったのかわかりません。ページネーション リンクのみをロードする必要があります。

クラスが class="page" の場合、スクリプトがアクティブになり、別のクラスで別のページを起動する理由がわかりません

唯一の問題は、他のリンクが ajax なしで通常どおり読み込まれる必要があることですが、何らかの理由で、クラス名が異なる場合、すべてのリンクが ajax として読み込まれます。

ページネーションのために Web サイトの前面にロードする通常のリンク形式は次のようになります。

<div class="wp-pagenavi">
    <span class="current">1</span>
    <a href="http://domain.com/page/2/" class="page" title="2">2</a>
    <a href="http://domain.com/page/3/" class="page" title="3">3</a>
    <a href="http://domain.com/page/2/" class="nextpostslink">»</a>
</div>

<div class="clearboth"> </div>
</div>

なぜこれが起こったのかわかりません。ajax経由でページネーションのみをロードする必要があり、ウェブサイトの他のリンクはロードしないことを理解しています

ありがとうございます。それでは、お元気で

4

1 に答える 1

0

a.pagejQuery onclick コールバックに対して行う必要があります。のクラスを持つすべてのタグをa.page意味します。実行とは、 のクラスを持つ要素の子孫であるすべてのタグを意味します。したがって、JavaScriptを修正するには、次のようにします。<a>.page.page a<a>.page

jQuery(document).on('click', 'a.page', function(e) {
于 2013-06-08T04:26:02.507 に答える