滑塊需要多次點擊滾動

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