jquery - 如何使用 Ajax 将 Flexslider 与 Wordpress 结合使用？

Question

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

非常感谢

Answer 1

我一直在寻找完全相同的东西，但到目前为止，Flexslider v1.8 无法做到这一点（来自开发人员的评论）。

但是，Flexslider 2 将有一个 slider.addSlide() 方法，该方法将允许添加幻灯片（详见此处）。

Answer 2

有点脏，但它有效:)

请记住将 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>