Bootstrap, modale Dialoge, shown.bs.modal-Ereignis werden nicht ausgelöst
Ich verwende den modalen Dialog mit der Remote-Option:
<a target="profile-banner" data-target="#edit-slide-dlg" href="/Banner/SlideEditModal/1/1"
data-toggle="modal" class="banner-slide-control">Edit</a>
Woher:
<div id="edit-slide-dlg" class="modal fade" tabindex="-1"></div>
Außerdem lausche ich dem Ereignis shown.bs.modal, in dem ich die Eigenschaft event.target verwende:
$("body").on("shown.bs.modal", function (event) {
// do something with event.target
}
Aus irgendeinem Grund wird dieses Ereignis nicht ausgelöst, wenn ich das Dialogfeld zum ersten Mal öffne. Und es wird nur zum zweiten Mal abgefeuert. Ich habe versucht, Bootstrap-Skripte zu durchsuchen und diesen Code gefunden (siehe meinen Kommentar):
var e = $.Event('shown.bs.modal', { relatedTarget: _relatedTarget })
transition ?
that.$element.find('.modal-dialog') // wait for modal to slide in
.one($.support.transition.end, function () {
that.$element.focus().trigger(e) //THIS LINE NEVER EXECUTED AT FIRST DIALOG OPENING
})
.emulateTransitionEnd(300) :
that.$element.focus().trigger(e)
Also habe ich ausgeschaltetÜbergang Als Workaround wurde das Ereignis zum ersten Mal ausgelöst, aber event.target ist eine leere Zeichenfolge. Zum zweiten Mal enthält event.target den entsprechenden HTML-Dialog. Ist das Problem mit meinem Code oder Bootstrap?