滑块需要多次点击滚动

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; 
}