Bootstrap carousel在Google Chrome上无法使用 [英] Bootstrap carousel Not working on Google Chrome

问题描述

我对我的公司网站使用引导程序，它的工作正常，直到明天，但今天它的旋转木马停止工作的谷歌chrome它的工作正常在Firefox和IE。

I have used bootstrap for my company site it is working fine till tomorrow but today its carousel stops working on Google chrome its working fine on Firefox and IE.

我的代码

HTML

<div class="carousel slide" id="indexslider">
                <div class="carousel-inner">
                    <div class="item">
                        <img alt="" src="img/home/seo_banner.png">
                    </div>
                    <div class="item active">
                        <img alt="" src="img/home/design_development.png">
                    </div>
                    <div class="item">
                        <img alt="" src="img/home/responsive_web_design.png">                       
                    </div>
                </div>
                <a class="left carousel-control" href="#indexslider" data-slide="prev">&lsaquo;</a>
                <a class="right carousel-control" href="#indexslider" data-slide="next">&rsaquo;</a>
            </div>

JS

$(document).ready(function () {           
            $('.carousel').carousel();       
        });

推荐答案

我可以看到Chrome还有一个问题，如果我把你的HTML在一个基本的Bootstrap设置一切正常： http://bootply.com/67453 在Chrome 。

I can see there's a problem in Chrome also, though if I put your HTML in a basic Bootstrap setup everything works well: http://bootply.com/67453 in Chrome.

也许更新您所呼叫的jQuery，并移除其他指令码和CSS，然后逐一重新安装，以找出原因。

Maybe update the jQuery you are calling and remove additional scripts and CSS and reinstall them one by one to identify the cause.

这篇关于Bootstrap carousel在Google Chrome上无法使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！