В настоящее время я использую всплывающие окна с Twitter Bootstrap, инициированные так:
$('.popup-marker').popover({
html: true,
trigger: 'manual'
}).click(function(e) {
$(this).popover('toggle');
e.preventDefault();
});
Как вы можете видеть, они запускаются вручную, и нажатие на .popup-marker (который является div с фоновым изображением) переключает всплывающее окно. Это прекрасно работает, но я хотел бы также иметь возможность закрыть поповер щелчком в любом месте на странице (но не на самом поповере!).
Я пробовал несколько разных вещей, в том числе следующие, но без результатов, чтобы показать это:
$('body').click(function(e) {
$('.popup-marker').popover('hide');
});
Как закрыть поповер щелчком в любом месте на странице, но не нажатием на сам поповер?