jquery - 为什么 Flexslider 方向按钮不​​显示？

Question

我尝试在 flexslider 中显示方向按钮。当我检查 inspector 时看到 prev 和 next 按钮有 flex-disabled 类并且没有显示。我将 directionNav: true 添加到我的 js 代码中，但没有解决。如何解决这个问题？ My website

html:

<ul class="flex-direction-nav">
    <li>
        <a tabindex="-1" class="flex-prev flex-disabled" href="#">Previous</a>
    </li>
    <li>
        <a tabindex="-1" class="flex-next flex-disabled" href="#">Next</a>
    </li>
</ul>

js:

    $item.flexslider({
            animation: dataAnimation,
            directionNav: true,
            controlNav: true,
            animationLoop: true,
            slideshow: true,
            pauseOnHover: true,
            sync: dataSync,
            start: function (slider) {
                            if (typeof dataFixPos != "undefined" && dataFixPos == "1") {
                    var height = $(slider).find(".slides img").height();
                    $(slider).find(".flex-control-nav").css("top", (height - 44) + "px");

                }
            },
        });

Answer 1

您的 css 类“.photo-gallery.style1 .flex-direction-nav”没有显示属性。

将它从 display:none 改为 display:block

.photo-gallery.style1 .flex-direction-nav{显示“ block ”