-1

我尝试使用modal插件，但没有效果。我看到代码，地方还可以。所以我的代码中有一些东西，但是我看到的turtal..所以帮助我，给我一些建议。

  <!DOCTYPE HTML>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link media="all" rel="stylesheet" href="docs/assets/css/bootstrap.css" type="text/css" />
        <link media="all" rel="stylesheet" href="docs/assets/css/bootstrap-responsive.css" type="text/css" />
        <script src="sgsheg/jquery-1.10.0.min.js" type="text/javascript"></script>
        <script src="sgsheg/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/bootstrap-modal.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="modal hide fade">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="model" aria-hidden="true" >&times;</button>
            <h3>Modal header</h3>
        </div>
        <div class="modal-body">
            <p>One fine body...</p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn">Close</a>
            <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>
    </body>
    </html>

在此处输入图像描述

4

2 回答 2

1

你错过了toggler

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

或者您可以手动触发它

$(function(){
  $(".modal").modal("show"); //shows the modal on document ready
  //$(".some-class").on('click' , function() { //this is if you want to fire it with a button
  //   $(".modal").modal("show");              //of course you don't have to use both data-*
  //}                                          //and javascript, choose one.  
}

这取决于你必须做什么；

如果您必须show在准备就绪modal时doc使用javascript，如果不使用，则仅使用html。

UPDATE 仅包括bootstrap.jsor bootstrap-modal，不包括。

于 2013-07-19T15:30:14.470 回答
0

事实证明，Thyme 叶引擎需要将脚本src定义指定为

th:src="@{...}"

所以试试 

th:src="@{sgsheg/jquery-1.10.0.min.js}"
th:src="@{sgsheg/bootstrap.min.js}"

另外，你真的不需要包含 bootstrap-modal.js 因为它已经在bootstrap.min.js

如果您已经定义了resourceHandler as "/sgsheg/**" and "/js/**"，那么您需要将斜杠 (/) 放在src url 前面。

于 2013-10-29T07:26:42.153 回答