Fatal编程技术网
  • javascript/
  • Javascript 引导模式赢得'；不出现

Javascript 引导模式赢得'；不出现

javascript php html css

Javascript 引导模式赢得'；不出现,javascript,php,html,css,modal-dialog,Javascript,Php,Html,Css,Modal Dialog,我只是想让教程示例模态显示出来。我有教程中的确切代码，我的文件引用是正确的。我甚至尝试添加javascript modal.show <!doctype html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <script type="text/javascript" src="js/bootstra

我只是想让教程示例模态显示出来。我有教程中的确切代码，我的文件引用是正确的。我甚至尝试添加javascript modal.show

<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"> </script>

</head>
<body>

<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-                 labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;     </button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
   </div>
   <div class="modal-body">
    ...
   </div>
   <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
   </div><!-- /.modal-content -->
 </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</body>
  </html>


启动演示模式
&时代；
情态标题
...
接近
保存更改
尝试在jquery文件之后加载
js/bootstrap.min.js
文件

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"> </script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
尝试在jquery文件之后加载
js/bootstrap.min.js
文件

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"> </script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
bootstrap.min.js要求jQuery正常工作

在这里，我整理了您的代码并修复了错误（可能）：


启动演示模式
&时代；
情态标题
...
接近
保存更改
bootstrap.min.js要求jQuery正常工作

在这里，我整理了您的代码并修复了错误（可能）：


启动演示模式
&时代；
情态标题
...
接近
保存更改