javascript - 轮播 Bootstrap 在 IE 10 中不起作用

Question

我正在使用轮播 Bootstrap ，但在 Internet Explorer 10 中无法正常工作。在 Mozilla 和 Chrome 中，它工作得很好。

这是我在 index.php 中的代码:

<div id="this-carousel-id" class="carousel slide" style="width: 90%;">
        <div class="carousel-inner" style="width: 100%;">
          <div class="item active" style="width: 100%;">
            <img style="width: 100%; height: 350px;" src="img/bg_home_1.JPG"/>
            <div class="carousel-caption">
              <p>O que extraimos</p>
            </div>
          </div>
          <div class="item" style="width: 100%;">
              <img src="img/bg_home_2.jpg"  style="width: 100%; height: 350px;"/>
            <div class="carousel-caption">
              <p>Temos uma basta variedade de produtos</p>
            </div>
          </div>
          <div class="item" style="width: 100%;">
              <img src="img/bg_home_3.jpg" style="width: 100%; height: 350px;"/>
            <div class="carousel-caption">
              <p>Estamos equipados com o melhor material</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              href values must reference the id for this carousel -->
        <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
      </div>

(....)

<script type="text/javascript">
  $(document).ready(function(){
    $('#carousel').carousel({
      interval: 4000
    });
  });
</script>

您可以在线查看结果: http://graniextracao.com/novosite/ .

Answer 1

你已经包含了两个 jQuery 的删除一个

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="lightbox/js/jquery-1.10.2.min.js"></script>