Carousel引导程序在IE 10中不起作用

时间:2013-10-30 10:14:43

标签: javascript jquery html css twitter-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/

1 个答案:

答案 0 :(得分: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>