Question

我尝试在flexslider中显示方向按钮。当我检查检查员时，看到上一个和下一个按钮有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 to display：block

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

为什么Flexslider方向按钮没有显示？

1 个答案: