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

滑块需要多次点击才能滚动

1 个答案: