如何通过第一个模态中的链接将一个Bootstrap模态替换为另一个模态？

Question

当用户点击我网站上的按钮时，系统会提示他们注册我们的服务。此提示通过Bootstrap模式显示。但是，用户可能已经拥有一个帐户，在这种情况下我希望他们能够登录。我想添加一个＆＃34;登录＆＃34;在模式中的链接，当点击将关闭＆＃34;注册＆＃34;模态并打开一个新的＆＃34;登录＆＃34;模态在同一页面上。我该怎么做？

Answer 1

您需要向登录按钮添加点击事件并触发两个操作。 1.通过其ID来定位寄存器模态，并将模态方法的切换选项添加到其中。这将检查当前状态（在这种情况下为“打开状态”）并激活反向。 2.定位登录模式并将模态方法的show选项附加到它，如下所示。

<script>
 $(document).on('click', '#id_login_button', function(){
   $('#id-to-register-modal').modal('toggle');
   $('#id-to-login-modal').modal('show');

   return false;
})