Twitter Bootstrap Closing Modal

时间:2012-11-13 03:25:40

标签: twitter twitter-bootstrap

我正在使用Twitter Bootstrap制作一个用按钮打开模态的项目。如果单击打开它的同一按钮,每个模态都会关闭。如果按下转义或单击背景,模态也将关闭。但是,如果单击按钮打开一个模态,然后单击另一个模态的按钮,代码将打开两个模态。如果打开任何模态,我希望它在您单击页面上的任何其他位置时关闭,包括任何其他按钮。不过,我真的迷失了JavaScript。

1 个答案:

答案 0 :(得分:0)

您的问题显得模糊,因此我会尝试触及大部分问题,以便您的问题得到解答。

如果你想modal不应该在按esc或点击其他地方时关闭然后试试....

    <a data-controls-modal="your_div_id" data-backdrop="static"
 data-keyboard="false" href="#">

显示模态。在javascript函数中使用它:

 $('#myModal').modal('show')

隐藏模态使用此:

$('#myModal').modal('hide')

要切换模态,请使用此选项:

 $('#myModal').modal('toggle')

根据需要使用这些,当您需要时可以点击按钮隐藏模态。

我认为这足以满足您的需求。

如果您无法获得任何内容,请发表评论。

干杯!!!