Question

我在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>

显示下一个和上一个链接。现在的问题是我不知道如何编写jquery代码，它将在不改变浏览器的url的情况下滑动所有下一个或上一个帖子。请帮忙。

Answer 1

如果您不希望更改网址并且新帖子会滑动，您可以使用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);
     });
    });
});

根据此代码，之前的内容正在淡出，新内容正在消失。

Wordpress：如何将滑块添加到帖子

1 个答案: