Как скрыть поповер при модальном открытии

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

Вы можете использовать функцию скрытия popover, чтобы скрыть popover.

Рабочий пример: 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/ для получения более подробной информации.

Answer 2

Я думаю это поможет

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

Answer 3

Я верю, я беру на себя ваш вопрос невидимым: спрятать поповерс(любой), скрипку

var _pops = document.getElementsByClassName("popover-content");
console.log(_pops)
for(var i=0; i<_pops.length;i++){
_pops[i].style.visibility = "hidden"
}