Как остановить загрузку формы popover от исчезновения

Question

после Contain form within a bootstrap popover?, мне удалось разместить форму внутри popover, которую я использую в своем загрузочном навигаторе. Всплывающее окно отлично работает, когда я наводил ссылку на ссылку, но когда я пытаюсь переместить мышь, чтобы перейти к форме popover, она исчезнет! Как я могу это исправить?

Navbar товара:

<li <? if($active == "change_password") echo "class=\"active\""?>> 
<?php echo '<a href="#" id="popover">the popover link</a>' ?> 
</li> 
<li class="divider-vertical"></li> 

Вот в ЯШ:

$('li:contains("the popover link")').popover({ 
    html : true, 
    title: function() { 
     return $("#popover-head").html(); 
    }, 
    content: function() { 
     return $("#popover-content").html(); 
    } 
}); 

Answer 1

Вы, наверное, это понял, или иметь работу вокруг решения, но я хотел бы поделиться своим решением, так как мне нужно было то же самое вещь и модальность не были оптимальными для дизайна. Это работает как для Bootstrap 2.x, так и для 3.x и будет поддерживать поведение переключения с событием click.

$('li:contains("the popover link")').popover({ 
    html : true, 
    title: function() { 
     return $("#popover-head").html(); 
    }, 
    content: function() { 
     return $("#popover-content").html(); 
    } 
}).mouseenter(function() { 
    if (!$(this).parent().find('.popover').length) { 
     $(this).popover('show'); 
    } 
}); 

Demo