Bootstrap模态演示示例不适用于localhost,但适用于实时环境

时间:2018-11-21 06:57:29

标签: css bootstrap-4 bootstrap-modal

我正在使用引导程序官方文档测试引导程序模式功能。我已经从他们的网站复制了确切的代码。我测试过的东西:

  • 在浏览器中检查js,jquery和css文件src位置是否正确
  • 制作了一个全新的文件,仅导入了模式需要的东西,以确保我自己的.css或js文件不会对此造成干扰。
  • 在chrome(即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>

1 个答案:

答案 0 :(得分:0)

确保您具有有效的Internet连接。使用CDN URL包含了jQuery

  

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

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