javascript - 选择链接(内部或外部)时如何关闭模式对话框以及如何设置一个或多个异常(exception)？

Question

每次访问者选择一个链接时，我希望对话框消失并且页面向下滚动到特定的选定 ID(不刷新)。当然，我也必须设置一些异常(exception)!

<div class="modal fade" id="basicModal6" tabindex="-1" role="dialog" aria-labelledby="basicModal6" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content fp">
      <button type="button" class="ol close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times fa-2x red"></i></button>
      <div class="heading text-center">
        <h2>Title</h2>
        <p>Text</p>
        <footer class="f2 text-left wrap2">
          <a href="#home">link A</a>
          <a href="#bclass">link B</a>
          <a href="#gclass">link C</a>
        </footer>
      </div>
    </div>
  </div>
</div>

Answer 1

对于内部链接，它会自动重定向到该位置，您只需隐藏 div 即可。你可以这样做:

如果您的链接是静态的:

$(".modal a").click(function(){ 
  $(this).closest(".modal").modal("hide");
});

如果是动态的:

$(document).on('click', '.modal a', function(){ 
  $(this).closest(".modal").modal("hide");
});

或者，您也可以在链接上添加此 onclick:

onclick='$(this).closest(".modal").modal("hide")'

对于外部链接，它将被重定向到该链接，不用担心。