如何使用 Ajax 将 Flexslider 与 Wordpress 结合使用？答案

【问题标题】：How can I use Flexslider with Wordpress using Ajax?如何使用 Ajax 将 Flexslider 与 Wordpress 结合使用？
【发布时间】：2012-04-02 09:21:03
【问题描述】：

我正在使用 flexslider 来展示我的一些作品集。我希望在 Wordpress 中将每个作品集作为自定义帖子类型，并且仅在页面加载时将第一个作品集加载到 flexslider 中。然后，如果用户单击下一个/上一个按钮，我想使用 Ajax 加载下一个/上一个投资组合。我怎么能在 Wordpress 中做这个 Ajax？

非常感谢

【问题讨论】：

标签： jquery ajax wordpress flexslider

【解决方案1】：

有点脏，但它有效:)

记得将 directionNav 设置为 true。

<script>
    $(function(){
            $('.flexslider').flexslider({
                directionNav: true,
                slideshow: false, 
                controlsContainer: ".flex-container"
            });
            $('.flex-direction-nav').hide();

            $("#next-link").click(function() {
                $(".next", ".flex-direction-nav").trigger("click");;
            });
            $("#prev-link").click(function() {
                $(".prev", ".flex-direction-nav").trigger("click");;
            });

});
</script>
<a href="#" id="prev-link">Previous</a>
<a href="#" id="next-link">Next</a>

【讨论】：

【解决方案2】：

我一直在寻找完全相同的东西，但到目前为止，Flexslider v1.8 无法做到这一点 (comment from the developer)。

不过，Flexslider 2 将有一个 slider.addSlide() 方法允许添加幻灯片 (details here)。

【讨论】：