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

【问题标题】：Wordpress: how to add sliders to postsWordpress：如何在帖子中添加滑块
【发布时间】：2012-10-17 15:10:01
【问题描述】：

我已经在 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 的情况下滑动所有下一篇或上一篇文章。请帮忙。

【问题讨论】：

标签： php jquery wordpress jquery-ui

【解决方案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);
     });
    });
});

根据这段代码，之前的内容正在淡出，新的内容正在淡入。

【讨论】：