模态模态 - 关闭按钮关闭两情态动词

我用这个代码，在一个模式 http://jsfiddle.net/4w34e4q6/模态模态 - 关闭按钮关闭两情态动词

公开赛第一模式创建模式

<div class="modal fade" id="one"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body&hellip;</p> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#two">Open second modal</button> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
</div><!-- /.modal-content --> 
</div><!-- /.modal-dialog --> 
</div><!-- /.modal --> 

<div class="modal fade" id="two"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title">Modal title</h4> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body&hellip;</p> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
</div><!-- /.modal-content --> 
</div><!-- /.modal-dialog --> 
</div><!-- /.modal -->

它配备了一个closebutton在第二模式和它应该只关闭那个模式而不是第一个，但是它关闭了这两个模式。

有什么我需要添加到此代码，或在js中的？

谢谢！

来源

2015-02-23 Bernie

它显示为预期在这里工作 - http://jsfiddle.net/unto9g0L/ – 2015-02-23 19:54:03

我更新了小提琴使用jquery和bootstrap，然后点击运行，它工作正常。 – phillip 2015-02-23 19:57:48

Bootstrap建议您不要同时使用两种模式：*“重叠模式不支持：确保不打开模式，而另一个模式仍然可见。一次显示多个模式需要自定义代码。 “* http://getbootstrap.com/javascript/#modals – 2015-02-23 20:05:33

这是可能预期的行为，但以避开它，你可以尝试：

data-dismiss="two"

调用该对象的ID。如果不工作，你可能必须使用你自己的JS方法：

Onclick="$('#two').hide();"

或者类似

来源

2015-02-23 20:00:10 TomDunning

模态模态 - 关闭按钮关闭两情态动词

回答

相关问题