0

私はwordpressのsingle.phpファイルで次のコードを試しました。現在の投稿の関連する投稿を表示するこれらのコードのチャンクを使用しました。

 <ul class="step-nav clearfix">
<li class="prev button">
    <?php echo previous_post_link('%link', 'Previous'); ?>
</li>
<li class="next button">
    <?php echo next_post_link('%link', 'Next'); ?>
</li>
</ul>

次と前のリンクが表示されます。問題は、ブラウザのURLを変更せずに、次または前のすべての投稿をスライドさせるjqueryコードを作成する方法がわからないことです。助けてください。

4

1 に答える 1

0

URLを変更したくない場合や、新しい投稿をスライドインしたくない場合は、ajax読み込みを使用してコンテンツをロードできます。

これが私が使用しているajaxナビゲーションのサンプルコードです。それに応じて変更できます。

// Ajaxed navigation On Page
jQuery(document).ready(function(){
    jQuery('#latestvideo-wrapper').append('<div class="video-loader"></div>');
    jQuery('.videosarticle a').live('click', function(e)  {
    jQuery('#latestvideo-wrapper .video-loader').fadeIn(500);
    e.preventDefault();
    var link = jQuery(this).attr('href');
    jQuery('#latestvideo-wrapper #latestvideobox').fadeOut(100).load(link + ' #latestvideobox', function() {
    jQuery('#latestvideo-wrapper .video-loader').fadeOut(400);
    jQuery('#latestvideo-wrapper #latestvideobox').fadeIn(500);
     });
    });
});

このコードによると、以前のコンテンツはフェードアウトし、新しいコンテンツはフェードインしています。

于 2012-10-18T07:00:01.430 に答える