Bootstrap Carousel 在 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>

这个插件以前运行良好，没有任何问题，但就在今天，没有改变任何东西，无论我做什么，它都无法在谷歌浏览器中运行。我不知道是不是 Chrome 更新搞砸了，但我不确定发生了什么。

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

是什么让这个插件不起作用？ 如何解决此问题以使该插件再次在 Chrome 中运行？

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

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

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

Answer 1

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

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