0

Я использую 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]--> 
+2

Я не уверен, что это проблема, но шив должен быть включен после любых таблиц стилей, но перед любым другим javascript. – dave

+0

@dave Спасибо. Я пробовал это, но, похоже, не сильно изменился, – KickingLettuce

ответ

1

«Internet Explorer 8 и 9, также поддерживаются, однако, следует помнить, что некоторые свойства CSS3 и элементы HTML5 не полностью поддерживаются этими браузерами»

Цитата getbootstrap.com

enter image description here

enter image description here

Может ли это быть проблема? Ответ, если у вас все еще есть проблема!

+1

Не думайте, что это проблема. Все эти команды css должны обрабатываться в файлах bootstrap по умолчанию. Я не добавил эти предметы поверх того, что они будут делать. Если то, что они делают, неверно. – KickingLettuce

+1

Теперь я загружаю бутстрап, чтобы проверить вашу веб-страницу. –

+1

проверить мое редактирование, я предполагаю, что карусель действительно использует переход ... –

Смежные вопросы