W bootstrapie na Twitterze przeglądanie dokumentacji modalnej . Nie byłem w stanie dowiedzieć się, czy istnieje sposób na odsłuchanie bliskiego zdarzenia modalu i wykonanie funkcji.
np. weźmy ten modal jako przykład:
<div class="modal-header">
<button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Modal header</h3>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<a href="#" class="btn close_link" data-dismiss="modal">Close</a>
</div>
Przycisk X na górze i przycisk zamykania na dole mogą zarówno ukrywać / zamykać moduł z powodu data-dismiss="modal"
. Zastanawiam się więc, czy mógłbym jakoś tego posłuchać?
Alternatywnie mógłbym to zrobić ręcznie tak, tak myślę ...
$("#salesitems_modal").load(url, data, function() {
$(this).modal('show');
$(this).find(".close_link").click(modal_closing);
});
Co myślisz?
Odpowiedzi:
Zaktualizowano dla Bootstrap 3 i 4
Dokumenty Bootstrap 3 i Bootstrap 4 odnoszą się do dwóch zdarzeń, których można użyć.
I podaj przykład, jak z nich korzystać:
Odpowiedź Legacy Bootstrap 2.3.2
Dokumentacja Bootstrap dotyczy dwóch zdarzeń, których możesz użyć.
I podaje przykład, jak z nich korzystać:
źródło
Jeśli Twój modalny div jest dodawany dynamicznie, użyj (dla bootstrap 3)
Będzie to działać również w przypadku treści niedynamicznych.
źródło
Istnieją dwie pary zdarzeń modalnych, jedno to „pokaż” i „pokazane”, drugie to „ukryj” i „ukryte”. Jak widać z nazwy, ukryj pożary zdarzeń, gdy zbliża się modal, na przykład klikając krzyżyk w prawym górnym rogu lub przycisk zamykania itd. Podczas gdy ukryty jest uruchamiany po tym, jak modal jest już blisko. Możesz przetestować te zdarzenia samodzielnie. Na przykład:
A jeśli chodzi o twoje pytanie, myślę, że powinieneś posłuchać zdarzenia „ukrywania” swojego modalu.
źródło
Mam nadzieję, że to pomoże.
źródło