javascript - Bootstrap 轮播在 Google Chrome 中不起作用

Question

在过去的几周里，我一直在使用 carousel bootstrap 插件，没有任何问题。就在最近，它不起作用。我在 Firefox 上尝试过，效果很好。我看到了这个question并尝试了所有建议的方法，但仍然不起作用。我已经删除了所有不同的脚本和 css 导入，并尝试仅让轮播正常工作，但它仍然无法正常工作。

这是我的轮播代码:

        <!-- Ad Carousel -->
    <div id="ad_carousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#ad_carousel" data-slide-to="0" class="active"></li>
            <li data-target="#ad_carousel" data-slide-to="1"></li>
            <li data-target="#ad_carousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/ads/33.jpg">
            </div>
            <div class="item">
                <img src="images/ads/55.jpg">
            </div>
            <div class="item">
                <img src="images/ads/77.jpg">
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#ad_carousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#ad_carousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>

还有这些:

<link rel="stylesheet" href="plugins/bootstrap_3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="plugins/bootstrap_3.1.1/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="plugins/bootstrap_3.1.1/css/theme.css">
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="plugins/bootstrap_3.1.1/js/bootstrap.min.js"></script>

这个插件以前工作得很好，没有任何问题，但就在今天，不做任何改变，无论我做什么，它都无法在 Google Chrome 中工作。我不知道是否是 Chrome 更新搞砸了某些事情，但我不确定发生了什么。

我在网上查了一下，除了上面提到的问题之外，没有发现任何类似的问题。

是什么导致这个插件无法工作？ 如何修复此问题以使该插件再次在 Chrome 中运行？

编辑:除此之外，我没有收到任何控制台错误。

EDIT2:所以我已经将其缩小到我认为的问题所在。这是图像 src 链接。我将isherwood的轮播的jsfiddle代码(在评论中)复制并粘贴到我的网页中。对于他的图像，他使用了一些猫图像的链接。当我使用他的代码时，它工作得很好，但是当我尝试使用我的服务器中的一些图像时，它就不再工作了。使用 Chrome 的网络开发工具，我查看了框架的资源。轮播中的图像不被视为“图像”(或者至少它们不包含在图像文件夹中)。它们位于“其他”文件夹中。它们仍然是 .jpg 文件，但 Chrome 将它们(从资源和元素的 Angular )视为宽度为 0 且高度为 0 (0px x 0px) 的空白图像。当我双击资源中的图像时，Chrome 在另一个窗口中打开该图像，并且显示正常。

这让我完全困惑，我不知道发生了什么。我尝试了很多不同的方法，但似乎没有任何效果。有什么建议吗？

Answer 1

也许您应该禁用所有 Google Chrome 扩展程序？它们可能会导致错误，因为它们在每个 html 页面中添加自己的 javascript 和样式...

您的控制台是否抛出任何错误？