Question

使用Grails 2.2.1，Twitter Bootstrap插件。我正在使用模态，我的设置有3个退出方法。点击 x 按钮，点击关闭按钮，保存按钮，或者点击模式外的任意位置即可关闭。

问题是，由于我正在使用的功能，每当我尝试打开单个模态时，都会打开2个背景幕。为什么是这样？通过前3个模态关闭方法，它关闭模态和两个背景。但是通过最后的方法，它只是关闭了模态和单个背景。

这是我的gsp代码* sec * part只是我正在使用的安全插件的taglib：

<div id="loginModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="loginModalLabel">Login</h3>
  </div>
  <div class="modal-body">
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>

<div id="signupModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="signupModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="signupModalLabel">Sign Up</h3>
  </div>
  <div class="modal-body">
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <g:link class="btn btn-primary">Create Account</g:link>
  </div>
</div>

<sec:ifNotLoggedIn>
<g:javascript>
$('#loginModal').modal({
  remote: "${createLink(controller:'login', action:'auth')}",
  show: false
})
$('#signupModal').modal({
  remote: "${createLink(controller:'user', action:'create')}",
  show: false
})
</g:javascript>

<g:link fragment="loginModal" class="btn" data-toggle="modal">
Login
</g:link>
<br/>
<g:link fragment="signupModal" class="btn" data-toggle="modal">
Sign Up
</g:link>
</sec:ifNotLoggedIn>

我尝试使用：

$('#loginModal').modal({
  remote: "${createLink(controller:'login', action:'auth')}",
  show: false
})
$('#signupModal').modal({
  remote: "${createLink(controller:'user', action:'create')}",
  show: false
})

但是当我点击单个模态链接时，我仍然会打开2个背景幕。

这似乎是Grails问题，因为jsFiddle我没有遇到这个问题：

Twitter Bootstrap Modal打开多个背景，Grails出现故障

0 个答案: