Twitter引导程序 - 在已打开的模式上打开模态

Rod*_*res 24 modal-dialog confirmation twitter-bootstrap

这是我的场景:我正在打开一个带有一些记录细节的模态窗口,我有一个"删除"按钮.当用户点击此按钮时,我需要在现有模态上方/上方显示"确认"模式(询问"你确定吗?"),但是当显示此确认模式时,它不会首先阻止"详细信息"莫代尔(后面).

有谁知道我该怎么做?

谢谢!

小智 16

这很容易做到.您已打开的模式中的链接必须如下所示:

<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a>
Run Code Online (Sandbox Code Playgroud)

data-dismiss ="modal" - >将关闭那个模态= 这就是技巧!!!!
data-toggle ="modal" - >将打开新对话框

请享用!

  • 这不回答这个问题. (2认同)
  • 那确实回答了这个问题!第一个模态内的链接应该是:&lt;a href="" data-toggle="modal" data-target="#newModal"&gt;Link&lt;/a&gt; (2认同)
  • 如果高度很长,滚动对第二个模态不起作用,据我所知. (2认同)

Rob*_*Rob 16

您需要做的就是将代码中的确认模式的标记放在代码中,而不是详细模式.

  • 这是这个问题的真正解决方案,谢谢. (2认同)

bap*_*tme 9

只需隐藏#modal并在点击#deleteButton时显示#modal2

$("#deleteButton").click(function() {
$('#myModal').modal('hide')
$('#myModal2').modal('show')    
});
Run Code Online (Sandbox Code Playgroud)

这是一个有效的例子:http://jsfiddle.net/baptme/nuUzN/14/


fed*_*dda 5

将 z-index 添加到第二个模式怎么样?喜欢:

<div class="modal fade" style="z-index:1050">modal content here...</div>
Run Code Online (Sandbox Code Playgroud)

如果值 1050 不起作用,请尝试更高的数字,即 99999。

  • z-index = 1050 id 默认值。我将第二个模态的 z-index 更改为 1051 并且它有效。 (3认同)