javascript - 模态打开时如何隐藏弹出窗口

Question

假设我有一个包含 links 的弹出框<a>其中一些链接可以打开 modal .

问题是当模式打开时，这个弹出窗口仍然处于事件状态。如何在任何模式显示时隐藏所有事件的弹出窗口点击此弹出窗口内的那些链接后？

<div class="popover-content">
<ul class="popover-ul">
    <li>
      <a href="#" data-msg="<h4>OUT</h4><img src='yourlinkhere' alt='OUT'>" data-toggle="modal" data-target="#doc-modal" data-ok="data-ok">
      OUT
      </a>
    </li>
</ul>

Answer 1

您可以使用弹出框隐藏功能来隐藏弹出框。

工作示例:http://jsfiddle.net/qy9Az/3414/

$('.test').popover('hide')

在您的案例中，我认为这会有所帮助

$('body').on('shown.bs.modal', function() {
     $("[data-toggle=popover]").popover('hide')
});

其中test是附加popover的元素的类

参见 https://v4-alpha.getbootstrap.com/components/popovers/#popoverhide了解更多详情