jQuery Ereignisse binden, werden nicht in geladen Bootstrap modalen Fenster

Question

Der Versuch, dynamische Inhalte in Bootstrap modal mit diesem Code zu laden:

$('body').on('click', '.time-estimation', function() { 
    var taskId = $(this).data("task_id"); 
    $("#modal-content").load("/tasks/estimation?task_id=" + taskId, function() { 
     $('#myModal').modal({show: true, keyboard: true, backdrop: true}); 
    }); 
}); 

es funktioniert und modale Fenster angezeigt wird. Aber geladenen Inhalt gibt es einen anderen Code jQuery, das nicht binded:

$(document).ready(function() { 
    $("#TaskEstimationTimeForm").submit(function (event) { 
     event.preventDefault(); 
    }); 
}); 

Warum wird nicht ausgelöst, diese submit Ereignis?

Answer 1

$(document).ready wird nur ausgelöst, wenn ein Dokument anfänglich in einem Fenster oder Iframe geladen wird. In Ihrem Fall ziehen Sie HTML direkt in ein Element, und das wird auch nicht ausgelöst. Sie brauchen es nicht obwohl, sollten Sie nur in der Lage sein zu tun:

$("#TaskEstimationTimeForm").submit(function(event) { 
    event.preventDefault(); 
}); 

Answer 2

Sie dies tun können, wie es für mich arbeitet

$('#myModal').modal({show: true, keyboard: true, backdrop: true}) 
.one('submit','#TaskEstimationTimeForm',function(){ 
    //your stuff on event here 
}) 

Hope it

Dank

hilft