Бутстрэп поповер.toggle () показывать только
Я пытаюсь интегрировать Twitter bootstrap popover ; я вынужден использовать javascript API, потому что некоторые динамические элементы загружаются через Ajax и тоже должны реагировать.
В основном, вот пример тега, который должен реагировать:
<a data-container="#appConfigDialog" data-toggle="popover" data-placement="top"
data-content="<img src="URL" />"
data-html="true" href="#"
class="popoverFileSee btn btn-default">See</a>
URL, кстати, заменен правильным URL
и мой JS:
$( document ).on( "click", ".popoverFileSee", function() {
$( this ).popover( "toggle" );
return false;
});
вот поведение, которого я хотел бы достичь:
- когда первый щелчок, popover шоу
- когда щелчок происходит для открытого popover, он должен закрыть его
разве это не цель "переключения"? Что-то не так в этом примере кода, или я должен проверить в другом месте моего приложения ?
спасибо
EDIT: на данный момент он всегда показывает popover, даже если он уже открыт
Странная вещь: если я добавлю alert( "test" );
в мои функции обратного вызова, то он работает..
2 ответов
наконец-то нашел ответ сам.. ;)
Мне просто нужно было добавить атрибут к моей ссылке:data-trigger="manual"
Remove
на toggle
С popover function
без использования click event
например,
$(".popoverFileSee").popover();
обновлена, Если вам нужно add click event
после этого вы можете добавить что independent
to popover
например,
$(".popoverFileSee").popover();
$(".popoverFileSee").on('click',function(){
// your ajax code here
});