Как закрыть всплывающие окна Bootstrap (или любой элемент в целом), когда пользователь щелкает от него?

Я использую объект всплывающего окна из библиотеки Bootstrap Twitter в ручном режиме, и мне было интересно, как мне закрыть всплывающую подсказку, когда пользователь щелкает от нее.

Вот мой HTML:

<a id="stats-bar" rel="popover" data-placement="top" data-trigger="manual" data-title="Title here" data-content="Hello everyone.">Test</a>

и мой JavaScript:

$('#stats-bar').click(function(e) {
        $(this).popover('show');
});

Как я могу скрыть всплывающее окно, когда пользователь щелкает где угодно, кроме самого всплывающего окна? Я подумал об использовании фиксированного прозрачного div за всплывающим окном и установил его событие щелчка, но я не уверен, что это лучший способ.

6
задан BoltClock 16 March 2012 в 18:58
поделиться