Bootstrap 模态演示示例不适用于本地主机，但适用于实时环境答案

【问题标题】：Bootstrap modal demo example doesn't work on localhost but works on live environmentBootstrap 模态演示示例不适用于本地主机，但适用于实时环境
【发布时间】：2019-04-23 16:59:57
【问题描述】：

我正在使用 bootstrap 官方文档测试 bootstrap 模态函数。我已经从他们的网站上复制了确切的代码。我测试过的东西：

在浏览器中检查 js、jquery 和 css 文件的 src 位置是否正确
制作了一个全新的文件，并且只导入了 modal 工作所需的内容，以确保我自己的 .css 或 js 文件不会对此产生干扰。
在 chrome 上测试过这个，ie 和 firefox inc。私人浏览 - 还是一样。它只是显示按钮链接，当您单击它时它不会弹出任何内容。
检查控制台是否有任何错误日志。没有错误。

我有点想不通是什么原因造成的？是否有可能某种服务器端（使用 xampp v3.2.2 并在端口：8080 上运行）可能导致这不起作用？ - 由于 stackoverflow 需要某种代码，因此我将头部包含在内

这是我的完整代码：http://jsfiddle.net/bLajz5ud/

 <html>
    <head>
      <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
      <link rel="stylesheet" href="css/bootstrap.css">

      <title></title>
    </head>

【问题讨论】：

尝试使用.modal('toggle')打开模式
jsfiddle 中提供的代码运行良好...

标签： css bootstrap-4 bootstrap-modal

【解决方案1】：

确保您拥有有效的互联网连接。使用 CDN URL 包含 Jquery

script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"

如果您没有有效的互联网连接，则不会运行任何 jquery 代码

【讨论】：