带有最新版本 jQuery 的引导轮播答案

【问题标题】：Bootstrap carousal with the last version of jQuery带有最新版本 jQuery 的引导轮播
【发布时间】：2012-11-02 13:17:57
【问题描述】：

这个使用轮播的演示效果很好。我的意思是点击下一个/上一个按钮图像会改变。

代码如下：

$('[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，当我单击下一个/上一个按钮时，图像不会改变。
有什么提示吗？

谢谢。

【问题讨论】：

下一个/上一个按钮在哪里？
@David，点击运行。然后对于下一个/上一个按钮，我的意思是右/左箭头

标签： javascript jquery jquery-plugins twitter-bootstrap

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

编辑：

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

【讨论】：

+1 感谢您的回答，实际上我添加了资源，但正如我所说，单击下一个/上一个按钮时它不会滑动图像。 jsfiddle.net/S2rnm/303
啊，我明白了。我没有意识到您可以在 jsfiddle 中添加类似的资源。我已经更新了我的答案，似乎可行。