Bootstrap 3 Carousel在IE8中未初始化

时间:2015-02-18 18:54:19

标签: jquery html twitter-bootstrap-3 internet-explorer-8 carousel

我使用的是Bootstrap v3.3.2。旋转木马没有在IE8上启动。它显示了我使用的所有4个面板,未隐藏,相互叠加。没有动画。按钮不起作用。

这是我的代码:

    <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="@INTERVAL@">


                          <!-- Wrapper for slides -->
                          <div class="carousel-inner">
                            // @PANELS@
                          </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]-->

1 个答案:

答案 0 :(得分:1)

“也支持Internet Explorer 8和9,但请注意,这些浏览器并不完全支持某些CSS3属性和HTML5元素。”

来自getbootstrap.com的报价

enter image description here

enter image description here

这可能是你的问题吗?如果你还有问题,请回复!