Создание всплывающего окна появляются сзависать триггер работает нормально.

Создание всплывающего окна появляются сщелчок триггер работает нормально.

Теперь, как мне сделать так, чтобы всплывающее окно появлялось при наведении на изображение запуска, но затем, если пользователь нажимает на изображение, отменяет наведение и инициирует переключение щелчка? Другими словами, при наведении курсора отображается всплывающее окно, а при щелчке по кнопке - всплывающее окно.

HTML довольно стандартный:

<li>User<span class="glyphicon glyphicon-user" rel="popover" data-trigger="click" data-container="body" data-placement="auto left" data-content="Body Text" data-original-title="Title Text"></span></li>

А инициализация поповера еще скучнее

$(function () { 
    $("[rel=popover]").popover();   
});

Из того, что я видел до сих пор, кажется вероятным, что решение представляет собой хороший сложный наборpopover('show'), popover('hide'), а такжеpopover('toggle') звонки, но мой javascript / jQuery-foo не подходит для этой задачи.

РЕДАКТИРОВАТЬ:

Используя код, предоставленный @hajpoj в качестве основы, я добавил функцию для прослушиванияhidden.bs.popover событие, чтобы попытаться повторно включить события mouseenter и mouseleave после запуска события click, но хотя оно снова заставляет работать hover, оно убивает щелчок ...

var $btn2 = $('#btn2');

    var enterShow = function() {
        $btn2.popover('show');
    };

    var exitHide = function() {
        $btn2.popover('hide');
    }

    $btn2.popover({trigger: 'manual'})
            .on('mouseenter', enterShow)
            .on('mouseleave', exitHide)
            .one('click', function() {
                   $btn2.off('mouseenter', enterShow)
                        .off('mouseleave', exitHide)
                        .on('click', function() {
                            $btn2.popover('toggle');
                        });
            });

$('#btn2').on('hidden.bs.popover', function () {
  $btn2.on('mouseenter', enterShow)
       .on('mouseleave', exitHide)
});