Bootstrap4 modal之间切换

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

完美实现