2014-02-19 35 views
0

我拥有我能想到的最光秃秃的骨骼bxslider模板,而且我有一个错误,第二张幻灯片在点击右箭头时被跳过。该错误发生在Chrome + Firefox中。我正在使用最新版本。您会注意到当点击下一个箭头时会显示“3”。bxslider最小模板导致一张幻灯片被跳过

我必须做一些根本性的错误,但我无法弄清楚。

这里有一个现场演示: 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> 

回答

0

我会建议使用<ul>按照他们的例子如一些应用的造型是具体<li>。当有图像或内容将高度推出时,它也会更好。

检查我的小提琴:

随着图片:http://jsfiddle.net/e4RLH/

随着1,2,3:http://jsfiddle.net/e4RLH/2/

+0

我想出了问题,我降级jquery 1.8.2(我使用1.11.0),并按预期工作。我在https://github.com/wandoledzep/bxslider-4/issues/459打开了一张票 –

0

我想通了这个问题,我降级了jQuery 1.8.2(我用的是1.11 .0),并按预期工作。我打开了票github.com/wandoledzep/bxslider-4/issues/459

相关问题