Twitter Bootstrap 轮播在 IE 中出现问题

Question

我目前在我的网站上使用Twitter的Bootstrap创建了一个走马灯。我根据这个JavaScript控制要滑动哪些div，它在Chrome、Safari、FF等浏览器中运行得非常完美。但是我在IE 9及以下版本中遇到了问题。

<script type="text/javascript">


$('.carbtn').click(function(q){
    q.preventDefault();
    targetSlide = $(this).attr('data-to')-1;
    $('#myCarousel').carousel(targetSlide);
});

</script>

轮播控制按钮长下面这样：

<div class="carbtn" data-to="2">Learn More</div>

在IE中，只有第一次点击会被注册。新的div不是滑动进入，而是直接显示出来。任何其他对于.carbtn按钮的点击都不会产生任何变化。是否有解决方法可以让它在IE中正常工作？

- Jako

---

我发现我的解决方案中缺少了"class"中的"slide"，加上它可以修复IE中的问题。<div id="myCarousel" class="carousel slide"> - Jako

这个问题已经在2.1版本中得到了修复：https://github.com/twitter/bootstrap/issues/2440#issuecomment-4584479 - ima007

Answer 1

如Jako在他的评论中所说，将slide类添加到carousel div似乎可以解决这个问题。

<div id="myCarousel" class="carousel slide">

因此，在2.1之前，包括'slide'是必需的，以使IE8运行。
在2.1之后，包括'slide'将允许IE8具有幻灯片效果。但是，如果没有'slide'，它仍然可以工作，只是没有转换效果。

- Chad DeShon

---

这个问题在2.1版本中得到了修复：https://github.com/twitter/bootstrap/issues/2440#issuecomment-4584479 - ima007