jquery - Flexslider 方向导航未显示

Question

我目前正在为 site 工作有一个 flexslider 问题。

这里的问题是，默认情况下， slider 导航必须在 slider 开始过渡时出现。

我将 flexslider 代码覆盖为:

$('#s1.flexslider').flexslider({
    'directionNav':true,
    'controlNav':true
}); 

但仍然不明白导航不起作用的原因。

方向导航链接所在的ul的默认样式默认是隐藏的。

工作 slider 的 ul 的默认标记:

<ul class="flex-direction-nav" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 1; opacity: 0;">
    <li>
        <a class="flex-prev" href="#">Previous</a>
    </li>
    <li>
        <a class="flex-next" href="#">Next</a>
    </li>
</ul>

ul的默认样式:

position: absolute;
top: 0px;
left: 0px;
display: none;
z-index: 1;
opacity: 0;

如有任何帮助，我们将不胜感激。

Answer 1

试试这个

.flex-control-nav {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 127px !important;
    display: block !important;
    opacity: 0.66 !important;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: auto !important;
    width: 100%;
    z-index: 999 !important;
}

.flex-direction-nav {
    display: block !important;
    opacity: 1 !important;
    top: 30% !important;
    width: 100%;
    z-index: 999 !important;
}

.flex-direction-nav a {
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: 8px;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 10;
}