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

Question

我尝试在 flexslider 中显示方向按钮。当我检查检查器时，看到上一个和下一个按钮有 flex-disabled class 并且没有显示。我将 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 中显示 none 属性 class“.photo-gallery.style1 .flex-direction-nav”。

将其从 display:none 更改为 display:block

.photo-gallery.style1 .flex-direction-nav{display"block}

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

Why Flexslider direction buttons is not showing?

html

css

jquery

flexslider

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

Why Flexslider direction buttons is not showing?

html

css

jquery

flexslider

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