带有jQuery最新版本的Bootstrap轮播

时间:2012-11-02 13:17:57

标签: javascript jquery jquery-plugins twitter-bootstrap

这个使用轮播的演示工作正常。我的意思是点击下一个/上一个按钮,图像会改变。

以下是代码:

$('[id^="myCarousel"]').carousel();

以下是使用jquery 1.7.1的演示:http://jsfiddle.net/S2rnm/300/
以下是使用jquery 1.8.2的演示:http://jsfiddle.net/S2rnm/303/

如果我尝试将jQuery的版本上传到1.8.2,当我点击下一个/上一个按钮时,图像不会改变。
任何提示?

感谢。

2 个答案:

答案 0 :(得分:2)

修改

将容器div更改为此<div id="myCarousel" class="carousel slide">并将jquery选择器更改为此$('.carousel').carousel();似乎适用于我在使用1.8.2更改小提琴303中的示例时http://jsfiddle.net/c5GB3/

答案 1 :(得分:2)

您的选择器错误:$('.carousel.slide').carousel();但您的轮播只是<div id="myCarousel">

此外,您需要让它正常工作的类,例如:<div id="myCarousel" class="carousel slide">。只有ID是可选的。