twitter bootstrap - How to close popovers on modal close? -
i want close popovers in modal, not displayed if reopen modal.
the problem if try close @ $("#modal").on("hidden", function() { [...] });, targets unavailable. same goes if @ .on("shown", ....
i cannot delete using :
$(".buttonpopover").popover("hide"); because .buttonpopover never available @ time want delete popovers. how can close them without accessing parent ?
the problem if try close @
.on("hidden"), targets unavailable
that's because hidden.bs.modal event fires:
"when modal has finished being hidden user (will wait css transitions complete)."
instead, use hide.bs.modal event which:
" fired when hide instance method has been called"
like this:
$('.modal').on('hide.bs.modal', function() { $("#openpopover").popover("hide") }); demo in bootply
update
i'm curious if you're hidden event firing in first place. event name namespaced have refer hidden.bs.modal
this never called:
$('.modal').on('hidden', function() { alert('hi'); }); this should work:
$('.modal').on('hidden.bs.modal', function() { $("#openpopover").popover("hide") });
Comments
Post a Comment