javascript - Bootstrap carousal with the last version of jQuery

Question

This demo using carousel works fine.. I mean clicking on next/previous button the images change.

Here is the code:

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

Here is the demo using jquery 1.7.1: http://jsfiddle.net/S2rnm/300/
Here is the demo using jquery 1.8.2: http://jsfiddle.net/S2rnm/303/

If I try to upload the version of jQuery to 1.8.2, when I click on next/previous button the images do not change.
Any hints?

Thanks.

Answer 1

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

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

Answer 2

编辑：

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