php - Wordpress：如何在帖子中添加滑块

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

如果您不想更改 url 和新帖子 slideIn..，您可以使用 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);
     });
    });
});

根据此代码，以前的内容正在淡出，新内容正在淡入。