首次启动IE后,Bootstrap Carousel停止工作

时间:2013-01-07 04:42:25

标签: javascript twitter-bootstrap carousel

Bootstrap 2.0.2 Carousel无法在IE(7~10)上运行。

我把它设置为从一开始就循环。 首次切换项目,然后停止一起工作。使用浏览器控制台(例如$('.carousel').carousel(12))发送呼叫只会返回轮播容器对象。

我添加了“幻灯片”类,但它不起作用。

2 个答案:

答案 0 :(得分:0)

这是由a few bugs引导程序引起的。升级它可能解决了这个问题。我采取了修改我的轮播代码的路线:

  ...
  if (!$.support.transition && this.$element.hasClass('slide')) {
    this.$element.trigger('slide')
  ...

为:

  ...
  if($.browser.msie){
    this.$element.trigger('slide')
  ...

答案 1 :(得分:0)

同样的问题,我在bootstrap 2.0.3上,但无法升级。如果你看到bootstrap.js文件的顶部有一个名为bootstrap-transition.js的部分。

更新

transEndEventNames = {
           'WebkitTransition' : 'webkitTransitionEnd'
        ,  'MozTransition'    : 'transitionend'
        ,  'OTransition'      : 'oTransitionEnd'
        ,  'msTransition'     : 'MSTransitionEnd'
        ,  'transition'       : 'transitionend'
        }

要:

transEndEventNames = {
           'WebkitTransition' : 'webkitTransitionEnd'
        ,  'MozTransition'    : 'transitionend'
        ,  'OTransition'      : 'oTransitionEnd otransitionend'
        ,  'transition'       : 'transitionend'
        }

这为我解决了。