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; 
} 

有了这个网站：

<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。