Я использую Bootstrap v3.3.2. Карусель не начинается с IE8. Он показывает все 4 панели, которые я использую, незакрытые, уложенные друг на друга. Нет анимаций. Кнопки не работают.Bootstrap 3 Карусель Не инициализируется в IE8
Вот мой код:
<div class="container" style="padding: 0;">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12" style="padding: 0;">
<div id="main-slideshow-container">
<div id="main-slideshow-container-inner">
<div id="main-slideshow" class="carousel slide" data-ride="carousel" data-interval="@[email protected]">
<!-- Wrapper for slides -->
<div class="carousel-inner">
// @[email protected]
</div>
<!-- Controls -->
<a class="left carousel-control" role="button"
data-slide="prev" onclick="$('#main-slideshow').carousel('prev');">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" role="button"
data-slide="next" onclick="$('#main-slideshow').carousel('next');">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div> <!-- Carousel -->
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#main-slideshow").carousel();
});
</script>
В моем заголовке я загрузить файлы bootstrap
CSS, а затем jquery
1.11.0. Затем bootstrap
js. Тогда это последнее:
<!--[if lt IE 9]>
<script src='/bootstrap/js/html5shiv.js'></script>
<script src='/bootstrap/js/respond.min.js'></script>
<![endif]-->
Я не уверен, что это проблема, но шив должен быть включен после любых таблиц стилей, но перед любым другим javascript. – dave
@dave Спасибо. Я пробовал это, но, похоже, не сильно изменился, – KickingLettuce