1

使用 Grails 2.2.1，Twitter Bootstrap 插件。我正在使用模态，我的设置了 3 个出口方法。要么点击x按钮，点击关闭按钮，保存按钮，要么点击模态框外的任意位置关闭。

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

这是我的 gsp 代码* sec * 部分只是我正在使用的安全插件的标记库）：

<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没有这个问题：

4

0 回答 0