Программно close Bootstrap popovers

Question

У меня есть группа полей формы, как текстовых, так и флажков. Текстовые входы настроены для отображения некоторого текста справки в пироге при входе их (фокус):

<input class="form-control" data-content="help text" data-html="true" data-placement="top" data-toggle="popover" data-trigger="focus" id="id_field_329" name="field_329" rel="popover" type="text"> 

Флажки также поповер текст справки, но она появляется как в центре внимания и при наведении курсора мыши:

<input class="form-control" data-content="help text" data-html="true" data-placement="top" data-toggle="popover" data-trigger="hover focus" id="id_field_331" name="field_331" rel="popover" type="checkbox"> 

вся поповер штучка активируется:

$('[rel=popover]').popover(); 

Теперь, когда мой текстовый курсор находится в поле ввода текста, отображается поповер всплывающая подсказка, но когда я двигаю мышь над флажком, то Также отображается текст справки, отображающий поле ввода, которое я только редактирую.

Вопрос в том, можно ли установить popovers для закрытия, когда отображается другой?

Редактировать: ответ @Coding поклонника было почти хорошо, за исключением того, я хотел, чтобы мой onfocus поповер, чтобы снова отобразить один раз моя мышь покидает флажок. Я одобряю его ответ с добавлением этой модификации.

Answer 1

вы можете указать свои элементы popover класса (special-popover-class), а затем один из hovered вы спрячете все остальные. Вы нацеливаете их на использование этого класса.

$('.special-popover-class').on('mouseover', function (e) { 
     $('.special-popover-class').not(this).popover('hide'); 
}); 

---

Edit: Это выше решение идеально подходит для недавно добавленного требования, которые могут быть решены, как это, за исключением:

$('[rel=popover][type=checkbox]').on('mouseout', function(e) { 
    if ($(this) != $(':focus')) { 
     $(':focus').popover('show'); 
    } 
});