通过jquery触发登录模式

问题描述 投票:0回答:1

我正在尝试通过jQuery触发登录模式,但不起作用。我不明白为什么模态没有弹出? Here是类似的问题,尽管没有解决问题,但请遵循答案。

<script>
      $(document).ready(function () {
        $('#login').click(function () {
          $('#loginModal').modal('show');
        });
      });
    </script>
<button id="#login" class="btn btn-danger">
  click me
</button>
<div id="loginModal" class="modal fade" role="dialog">
      <div class="modal-dialog modal-lg" role="content">
        <!-- Modal content-->
        <div class="modal-content">
        </div>
      </div>
    </div>

我衷心感谢任何人帮助我解决问题。 Here是我的Codepen链接,以备不时之需。

html bootstrap-4 bootstrap-modal
1个回答
0
投票

您的错误在这里:

<button id="#login" class="btn btn-danger">
  click me
</button>

您在#属性中有额外的id

这样重写:

<button id="login" class="btn btn-danger">
  click me
</button>
© www.soinside.com 2019 - 2024. All rights reserved.