html代码
<div class="btn-group">
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#dlg_Login">登陆</button>
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#dlg_Reg">注册</button>
</div>
<div class="modal fade" id="dlg_Login">
<div class="modal-dialog modal-sm modal-dialog-centered">
...
<button type="button" class="btn btn-link" id="gotoReg">前往注册</button>
...
</div>
</div>
<div class="modal fade" id="dlg_Reg">
<div class="modal-dialog modal-sm modal-dialog-centered">
...
<button type="button" class="btn btn-link" id="gotoLogin">前往登陆</button>
...
</div>
</div>
js代码
$('#gotoReg').click(function() {
$('#dlgLogin').modal('hide');
$('#dlgLogin').one('hidden.bs.modal', function() {
$('#dlgReg').modal('show');
});
});
$('#gotoLogin').click(function() {
$('#dlgReg').modal('hide');
$('#dlgReg').one('hidden.bs.modal', function() {
$('#dlgLogin').modal('show');
});
});
完美实现