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。

Jquery Bootstrap Modal ...如何从另一个模态对话框中打开另一个模态对话框

1 个答案: