самозагрузки, модальные диалоговые окна, shown.bs.modal событие не срабатывает

Question

Я использую модальный диалог с удаленным параметром:

<a target="profile-banner" data-target="#edit-slide-dlg" href="/Banner/SlideEditModal/1/1" 
data-toggle="modal" class="banner-slide-control">Edit</a> 

Где:

<div id="edit-slide-dlg" class="modal fade" tabindex="-1"></div> 

Кроме того, я слушаю для shown.bs.modal события, где я использую event.target свойство:

$("body").on("shown.bs.modal", function (event) { 
    // do something with event.target 
} 

Некоторые причины это событие не срабатывает, когда я открываю диалог впервые. И его увольняют во второй раз. Я попытался просмотреть начальные загрузку скриптов и нашел этот код (см моего комментария):

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) 

Итак, я выключил переход в качестве обходного пути, он сделал событие уволит в первый раз, но, event.target пустая строка. Во второй раз event.target содержит соответствующий диалог HTML. Это проблема с моим кодом или бутстрапом?

Answer 1

У меня была такая же проблема. Я мог бы исправить это решением этого вопроса StackOverflow: Bootstrap modal 'loaded' event on remote fragment

В принципе, вам нужно открыть модально вручную и реализовать загрузку Ajax самостоятельно. Что-то вроде:

$modal.modal({ 
    'show': true 
}).load('/Banner/SlideEditModal/1/1', function (e) { 
    // this is executed when the content has loaded. 
});