Как показать загрузочный popover как выпадающее меню?

Question

Я хочу показать загрузочный popover на hover. В popover content у меня есть элементы списка. Когда я поднимаю элемент, который я использовал, чтобы показать поппер, его исчезновение исчезло. Я хочу, чтобы он разошелся, пока я не нахожусь на попере.

Возможно ли это?

<a href="#" class="btn btn-info" data-toggle="popover" data-content="hello" data-title="Welcome" data-placement="left"><i class="fa fa-anchor"></i> Goto</a> 

Js является

$('[data-toggle=popover]').popover({ 
     plcement:"left", 
     title:"Heloo", 
     content:"Welcome" 
    }); 

Как иметь поповер остается присутствовать, пока я не уеду из содержания поповер?

Answer 1

Установите триггер поповер, а затем использовать шаблон в пирог, который будет скрывать себя, когда происходит MouseOut ...

$("[data-toggle=popover]").popover({ 
    trigger: 'manual', 
    animate: false, 
    html: true, 
    placement: 'left', 
    template: '<div class="popover" onmouseover="$(this).mouseleave(function() {$(this).hide(); });"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>' 

}).click(function(e) { 
    e.preventDefault() ; 
}).mouseenter(function(e) { 
    $(this).popover('show'); 
}); 

Bootply