Bootstrap 2.0.2 Carousel が IE (7~10) で動作しません。
一番最初に循環するように設定しました。初めてアイテムを切り替えてから、すべて一緒に動作しなくなります。などのブラウザー コンソールを使用して呼び出しを送信$('.carousel').carousel(12)
すると、単純にカルーセル コンテナー オブジェクトが返されます。
クラス「スライド」を追加しましたが、機能しません。
Bootstrap 2.0.2 Carousel が IE (7~10) で動作しません。
一番最初に循環するように設定しました。初めてアイテムを切り替えてから、すべて一緒に動作しなくなります。などのブラウザー コンソールを使用して呼び出しを送信$('.carousel').carousel(12)
すると、単純にカルーセル コンテナー オブジェクトが返されます。
クラス「スライド」を追加しましたが、機能しません。
これは、ブートストラップのいくつかのバグが原因です。アップグレードすると、おそらく問題が解決します。カルーセルコードを変更する方法を取りました:
...
if (!$.support.transition && this.$element.hasClass('slide')) {
this.$element.trigger('slide')
...
に:
...
if($.browser.msie){
this.$element.trigger('slide')
...
ここでも同じ問題があります。私はブートストラップ 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'
}
これで修正されました。