Twitter Bootstrap：模式到模式切换

Question

我正在使用twitter bootstrap，并且有一个链接可以打开模式弹出窗口。 现在，我想在模式本身中打开另一个模式弹出窗口。

问题在于，将打开另一个模式，但是旧模式也仍然被打开。 同样，再次应用相同的效果（背景变暗50％），即背景全是黑色。

有谁知道解决方案？

Answer 1

尝试这个

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" />

</head>
<body>
    <input type="button" name="name" class="btn btn-danger" value="open first modal" onclick="$('#modal1').modal('show')"/>
    <div class="modal hide fade" id="modal1">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                &times;</button>
            <h3>
                Modal 1 header</h3>
        </div>
        <div class="modal-body">

            <a onclick="$('#modal1').modal('hide');$('#modal2').modal('show');" class="btn btn-success">Open Second modal</a>

        </div>
        <div class="modal-footer">
            <a href="#" class="btn">Close</a> <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>
    <div class="modal hide fade" id="modal2">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                &times;</button>
            <h3>
                Modal 2 header</h3>
        </div>
        <div class="modal-body">
            <p>
                One fine body…</p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn">Close</a> <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>
    <script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="Scripts/bootstrap.js" type="text/javascript"></script>

</body>
</html>

Twitter Bootstrap：模式到模式切换

问题描述

1 个解决方案

解决方案1
1 2013-06-24 11:13:18

Twitter Bootstrap：模式到模式切换

问题描述

1 个解决方案

解决方案1 1 2013-06-24 11:13:18

解决方案1
1 2013-06-24 11:13:18