Question

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

非常感谢

Answer 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>

Answer 2

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

但是，Flexslider 2将有一个slider.addSlide（）方法，允许添加幻灯片（details here）。

如何使用Ajax将Flexslider与Wordpress一起使用？

2 个答案: