Bootstrap 3 Popover: отображение при наведении и при щелчке, иначе. Приколоть поповер

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

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

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

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

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>

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

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

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

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

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

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)
});

Ответы на вопрос(4)

Ваш ответ на вопрос