javascript - 滑块需要多次单击才能滚动

Question

我在使用BJQS滑块时遇到了一些问题。似乎初始化没有正确进行。在滑块开始滚动之前需要单击几下。谁能确定我做错了什么？或者这是插件中的错误？

HTML

<div id="dialog">
    <ul class="bjqs">
        <li class="slide">One</li>
        <li class="slide">Two</li>
        <li class="slide">Three</li>
        <li class="slide">Four</li>
        <li class="slide">Five</li>
        <li class="slide">Six</li>
        <li class="slide">Seven</li>
    </ul>
</div>

JS

$(function(){    
$('#dialog').bjqs({
        'showmarkers':false,
        'responsive':true,
        'randomstart':true,
        'automatic':false
});
});

这是jsfiddle

Answer 1

问题是当滑块初始化时所有的幻灯片都是可见的。

查看更新的小提琴：http: //jsfiddle.net/XJH9X/4/

这意味着看起来需要点击几下才能开始，但实际情况是其中一张幻灯片显示在其他幻灯片之上。

快速修复 - 只需将幻灯片默认设置为隐藏，滑块将负责显示正确的幻灯片：

.slide{
    background:#ccc;
    height:300px;
    width:400px;
    display: none;
}