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

Question

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

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

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

查看更新的 fiddle :http://jsfiddle.net/XJH9X/4/

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

快速修复 - 只需将幻灯片默认设置为隐藏， slider 就会负责显示正确的幻灯片:

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