爲什麼Flexslider方向按鈕不​​顯示？

Question

我嘗試在flexslider中顯示方向按鈕。當我檢查督察看到prev和下一個按鈕有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

您有類顯示無財產 「.photo-gallery.style1 .flex方向-NAV」 在你的CSS。

改變它形成顯示：無顯示：塊

.photo-gallery.style1 .flex方向-NAV {顯示 「塊}