Question

尝试使用以下代码将动态内容加载到Bootstrap模式中：

$('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});
    });
});

它工作，并显示模态窗口。但是在加载的内容中还有另一个jQuery代码，它没有绑定：

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

为什么没有触发此submit事件？

Answer 1

$(document).ready仅在最初在窗口或iframe中加载文档时触发。在你的情况下，你直接在一个元素中拉HTML，甚至不会被触发。你不需要它，你应该能够做到：

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

Answer 2

你可以这样做，因为它适合我

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

希望有所帮助

由于

在加载的Bootstrap模式窗口中没有绑定jQuery事件

2 个答案: