Question

因此，我将fullpage.js与Bootstrap 4结合用于我的网站。

单击＃链接时，我无法关闭模式菜单。

到目前为止，这是我的Bootstrap代码：

<!-- Navigation -->
<div class="pos-f-t">

    <nav class="navbar navbar-dark bg-dark"><a class="navbar-brand" href="#"><img class="col-sm-4" src="#"></a>
      <button class="navbar-toggler" type="button" data-toggle="modal" data-target="#exampleModal">
        <i class="fas fa-bars"></i>
      </button>
    </nav>

  </div>
  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
          <button data-dismiss="modal" class="closebtn">X</button>
        <div class="modal-content">

        <div class="modal-body">
        <ul>
          <li><a href="/#home">Home</a></li>
          <li><a href="/#why">Why</a></li>
          <li><a href="/#how">How</a></li>
          <li><a href="/#what">What</a></li>
          <li><a href="/gigs/">Gigs</a></li>
          <li><a href="/#contact">Contact</a></li>
        </ul>
      </div>
    </div>
      </div>
    </div>

当前，当我按下＃链接时，fullpage.js插件在后台发挥了魔力，但是模式阻止了视图并且不会消失。

我认为我必须使用JS / jQuery函数，或使用类似的东西

<li><a href="/#home" onclick="$('#myModal').modal('hide')">Home</a></li>

有人有什么主意吗？

Fullpage.js和boostrap模态

0 个答案: