Twitter Bootstrap：模式到模式切换

Question

I'm using twitter bootstrap and I have a link that opens the modal popup window. 我正在使用twitter bootstrap，并且有一个链接可以打开模式弹出窗口。 Now I want to open another modal popup in the modal itself. 现在，我想在模式本身中打开另一个模式弹出窗口。

The problem is that this another modal will be opened, but the old one is also still opened. 问题在于，将打开另一个模式，但是旧模式也仍然被打开。 Also the same effect (background gets like 50% darker) applies again, that the background is all black. 同样，再次应用相同的效果（背景变暗50％），即背景全是黑色。

Does anyone knows a solution for that? 有谁知道解决方案？

Answer 1

try this 尝试这个

<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