2012-11-02 49 views
2

这个演示使用旋转木马工作正常..我的意思是单击下一个/上一个按钮的图像更改。Bootstrap Carousal与最新版本的jQuery

下面是代码:

$('[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,当我点击下一个/上一个按钮的图像不会改变。
任何提示?

谢谢。

+0

下一个/ prev按钮在哪里? – 0x499602D2

+0

@大卫,点击运行。然后,对于next/prev按钮,我的意思是右侧/左侧的箭头 –

回答

2

编辑:

改变容器div来此<div id="myCarousel" class="carousel slide">和jQuery选择更改为此$('.carousel').carousel();似乎在捣鼓更改例如在使用1.8.2为我工作303 http://jsfiddle.net/c5GB3/

+0

+1感谢您的回答,实际上我添加了资源,但正如我所说的,点击next/prev按钮时不会滑动图像。 http://jsfiddle.net/S2rnm/303/ –

+0

啊我明白了。我没有意识到你可以在jsfiddle中添加这样的资源。我已经更新了我的答案,似乎工作。 – Novocaine

2

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

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