Question

我正在生成动态链接但是当我点击一个链接时，模式窗口会在褪色的div后面打开，这样我就无法点击任何内容。知道我怎么能让它出现在顶部，以便它可以关闭？

另外，如何在点击其中一个链接时停止页面跳转到顶部？我希望滚动位置保持不变，这样您就不必尝试找出您在页面上的位置。任何帮助赞赏。

<script>
function showModal(el) {
jQuery("#myModalLabel").text(el.title);
jQuery("#myModal").modal()

 }

</script>

<a  href="#" id="mymodal" onclick="showModal(this)" style="font-size:16px;"  
title="<? echo  $row ['title']  ?> 
 by
<? echo $row ['author'] ?>" ><? echo $row ['first_line'] ?> </a>


<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-
labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-
label="Close"><span aria-hidden="true">&times;</span></button>

  </div>
  <div class="modal-body">
   <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-
dismiss="modal">Close</button>

  </div>
</div>

Answer 1

固定。只需将容器外移到关闭体标记

之前

Answer 2

试试这个家伙

HTML

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" id="yourModal" data-target="#myModal" data-title='<? echo  $row ["title"]  ?>  by <? echo $row ["author"] ?> '><? echo $row ['first_line'] ?></button>

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

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
             <h4 class="modal-title" id="myModalLabel">Modal title</h4>
        </div>
        <div class="modal-body">
          <p>Some text in the modal.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div>

    </div>
  </div>

javascript（jquery）

        <script>
     $(document).on("click", "#yourModal", function () {
        var title = $(this).data('title');
           $("#myModalLabel").val( title );
        });

    </script>

模态窗口在淡入淡出后打开

2 个答案: