javascript - Jquery Bootstrap Modal...如何从另一个模式对话框中打开不同的模式对话框

Question

我有一个模式对话框，打开后有一个表单供用户登录。如果用户尚未注册，该模式对话框中会有一个链接，可以打开另一个包含注册表单的模式对话框。问题是这会引起冲突并且看起来很奇怪。我想我需要在打开注册模式对话框之前关闭登录表单模式对话框。

// the button to open the login modal dialog
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#login-dialog">
        Login
      </button>

//this button is inside the login modal dialog, a will open the registration modal dialog
'<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#registration-dialog">
        Register
      </button>

Answer 1

您甚至可以在另一个对话框中根据需要打开/关闭对话框。使用这种风格:

div.modal {
    display:none;
}

使用这个 html:

<button id="login">Login</button>
<div id="login_modal" class="modal">this is your login modal.
    <br/>
    <br/>
    <button id="register">Register</button>
</div>
<div id="register_modal" class="modal">this is your register modal.</div>

您可以在 JavaScript 中执行此操作:

$("#login").click(function () {
    $("#login_modal").dialog({
        modal: true
    });
});

$("#register").click(function () {
    $("#register_modal").dialog({
        modal: true
    });
    $("#login_modal").dialog("close");
});

这是一个fiddle .