javascript - 模式内的链接在打开模式之前出现并弄乱了页面界面

Question

我有一个模态，当单击按钮时会出现，但模态中存在的链接甚至在打开模态之前就会出现，虽然它们是不可见的，但它们是存在的，因为如果用户单击页面，模态中的链接就会出现点击。

要查看它，请打开 filemile.ga并将鼠标悬停在 Logo 上。

<button type="button" class="btn btn-info btn-sm " data-toggle="modal" data-target="#myModal">more</button>

 <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog"  >
    <div class="modal-dialog modal-lg">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h2 class="modal-title">Top Searches</h2>
        </div>
        <div class="modal-body">

  lots of links here
     <p>Link1</p>
     <p>Link2</p>
     <p>Link3</p>       

</div>

        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>

Answer 1

替换<div class="modal fade" id="myModal" role="dialog" >与 <div class="modal fade hide" id="myModal" role="dialog" >这个隐藏类将设置您的模式不可访问，当您单击按钮时 Bootstrap 会将其取消。

您评论的这个网站使用 Bootstrap 2.3 link to documentation 。如果您对其进行编辑，此网站将为您提供帮助。