Question

我使用Chrome浏览器时遇到了奇怪的问题，我将其用于开发目的。我用Bootstrap Switch plugin创建了仪表板，一切正常，直到另一个系统重新启动。出于某种原因，一个插件正确地停止了样式。

开发控制台没有错误。

我认为它与缓存（重新加载的页面，没有缓存重新加载，清除缓存）有关 - 什么都没有。

用IE检查......它运行正常。

怀疑缓存是问题，我已经更改了我保留网站的文件夹。依然没有。

禁用所有Chrome插件 - 没有。

接下来的想法是与其他脚本发生某种冲突，所以我一个接一个地删除，直到我留下了运行该插件所需的一切 - 但仍然没有！

我尝试使用Firefox，它运行正常。

我访问了我已经部署在服务器上的网站，它仍在工作，插件运行正常。但是当我将它下载到localhost时 - 问题再次出现。

最后我发现，无论何时我使用http://localhost在本地访问我的网站 - 它都会使样式崩溃。更改为http://127.0.0.1解决了问题 - 或者更确切地说是解决方法。

任何想法为什么会发生这种情况？

HTML：

        <!DOCTYPE html>
    <html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-switch.min.css" rel="stylesheet">

    <link href="css/bootstrap-theme.min.css" rel="stylesheet">

  </head>

  <body>
    <div class="container">


        <div id="panel_control_manual" class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">TEST</h3>
            </div>
            <div class="panel-body">
              Panel content 
              <input type="checkbox" checked>

            </div>
          </div>

    </div> <!-- /container -->

    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap-switch.min.js"></script>
    <script type="text/javascript">
    $(":checkbox").bootstrapSwitch();
    </script>
  </body>
</html>

Bootstrap开关不能在localhost和Chrome上运行

0 个答案: