我目前在我的网站上使用Twitter的引导程序有一个旋转木马。我正在根据这个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中工作?
答案 0 :(得分:14)
正如Jako在评论中所说,将幻灯片类添加到轮播div似乎解决了这个问题。
<div id="myCarousel" class="carousel slide">
所以在2.1之前,包括&#39; slide&#39;是IE8运行所必需的 2.1之后,包括&#39; slide&#39;将允许IE8具有幻灯片效果。但没有&#39; slide&#39;它仍然有效,只是没有过渡。