twitter-bootstrap - Grails + Bootstrap:无法获得 “unhide”的模态

Question

我正在尝试将Bootstrap 3与Grails结合使用，并掌握基础知识。我正在使用twitter-bootstrap插件，并按照说明进行安装。基本的东西似乎运行良好(我什至安装了模板)，但是对于我来说，我一生都无法弄清楚如何在出现“正在处理... /请稍候”消息时弹出模式提交表格。我在main.gsp中包含了以下div来设置模式:

 <div class="row">
     <g:layoutBody/>
 </div>

 <div class="modal fade" id="pleaseWaitDialog" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1>Processing...</h1>
            </div>
            <div class="modal-body">
                <div class="progress progress-striped active">
                    <div class="progress-bar" style="width: 100%;">
                        <span class="sr-only">Please Wait...</span>
                    </div>
                </div>
            </div>
        </div>
     </div>
  </div>

在一个包含页面内容的单独的.gsp文件中，我有一个表单，其中包含以下g:actionSubmit标记以及用于测试目的的纯按钮标记:

<g:form class="form-horizontal" url="[action:'search', controller:'personSearch']" method="PUT" >
        <g:render template="form"/>
        <div class="form-group">
            <div class="col-xs-offset-1 col-xs-10">
                <g:actionSubmit class="btn btn-primary" 
                                action="search" 
                                value="${message(code: 'search.label', default: 'Search')}" 
                                data-toggle="modal" 
                                data-target="#pleaseWaitDialog"/>

                <button class="btn btn-primary" data-toggle="modal" data-target="#pleaseWaitDialog">
                    <i class="glyphicon glyphicon-play"></i> Start Process...
                </button> 
            </div>
        </div>
    </g:form>

这两个按钮实际上都不会弹出模态。我想念什么？

Answer 1

DOH!弄清楚了。我的main.gsp文件是从我下载的引导模板中导入JS文件。出于任何原因，该模板中使用的bootstrap.min js文件均无法正常工作。当我取出对该js文件的引用而改为使用

    <asset:javascript src="application.js"/>

标记以导入grails application.js文件，该文件将导入引导js:

//= require bootstrap

固定一切!