Question

我有最简单的骨头bxslider模板，我能想到的，我有一个错误，当击中右箭头时跳过第二张幻灯片。该错误发生在Chrome + Firefox中。我使用的是最新版本。您会注意到点击下一个箭头时会显示“3”。

我必须做一些根本错误的事情，但我无法理解。

这是一场现场演示： http://blastohosting.com/bxslider_bug/

CODE：

<!doctype html>
<html lang="en">
<head>
<script src="jquery.js"></script>
<script src="jquery.bxslider.js"></script>
<link rel="stylesheet" href="jquery.bxslider.css">

<script>
$(document).ready(function(){
    $("#features").bxSlider();
});
</script>
</head>

<body>
<div id="features">
    <div class="feature">
        1
    </div>

    <div class="feature">
        2
    </div>

    <div class="feature">
        3
    </div>  
</div>
</body>
</html>

Answer 1

我建议使用<ul>作为示例，因为应用的某些样式是<li>特定的。当有图像或内容将高度拉出时，它的效果会更好。

检查我的小提琴：

使用图片：http://jsfiddle.net/e4RLH/

1,2,3：http://jsfiddle.net/e4RLH/2/

Answer 2

我发现了问题，我将jquery降级为1.8.2（我使用的是1.11.0）并且按预期工作。我在github.com/wandoledzep/bxslider-4/issues/459开了一张票。

bxslider最小模板会导致跳过一张幻灯片

2 个答案: