引导元素在虚拟服务器上不起作用答案

【问题标题】：Bootstrap elements not working on virtual server引导元素在虚拟服务器上不起作用
【发布时间】：2017-02-07 18:11:21
【问题描述】：

我使用 Boostrap 和 WAMP 服务器创建了一个站点，现在我正尝试将其移动到虚拟服务器，以便更多人可以使用它。

该网站看起来不错，但是当单击下拉切换按钮时，它不显示任何内容，它只是转到href="#"

我的元素如下所示：

<li class="dropdown" style="border-radius: 5px;">
  <a target="_blank" href="#" class="dropdown-toggle" data-toggle="dropdown" style="color:white;font-size: medium; background-color: #8A2BE2;border-radius: 5px;">Search <span class="caret"></span><span style="font-size:16px;" class="pull-right hidden-xs showopacity "></span></a>
  <ul class="dropdown-menu forAnimate" role="menu">
    <li><a target="_blank" href="search_1" style="color:#601e9e;font-size: medium;border-radius: 5px;">Option 1</a>
    </li>
    <li><a target="_blank" href="search" style="color:#601e9e;font-size: medium;border-radius: 5px;">Other Options</a>
    </li>
  </ul>
</li>

有什么我需要改变的吗？我移动了所有文件和文件夹。

【问题讨论】：

控制台有 JS 错误吗？
@Narxx: ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js 无法加载资源：net::ERR_NAME_NOT_RESOLVED bootstrap.min.js:6 未捕获的错误：Bootstrap 的 JavaScript 需要 jQuery navigation.js:16 未捕获的 ReferenceError：$ 是未定义
该网站似乎无法正常工作，除非它连接到 Internet。但是这台服务器可以在本地工作，我不想要任何互联网连接。有什么我可以做的吗？
当然，当您没有连接到互联网时，它不起作用，因为您正在尝试从“互联网”加载资源。如果您希望所有内容都“离线”可用，那么您还需要嵌入资源，例如错误消息中提到的脚本本地。

标签： html css wampserver

【解决方案1】：

您可能错过了引导 JavaScript 文件。确保在页脚之后添加它应该没问题。你的代码应该是这样的：

<script src="/js/bootstrap.min.js"></script>

确保将您的脚本放在 jQuery 脚本之后。此外，您可能有此脚本，但它无法在指定位置找到文件。检查文件是否存在于您的服务器上。

【讨论】：