0

我有一个模型，打开时会加载部分视图。

局部视图有一个 jQuery 函数。打开模式时，jQuery 不会运行。

只要我完全调整模态的大小，就会运行 jQuery 并出现预期的结果。

这是加载 html 并打开模式的代码

 $(document).ready(function () {
        $("#reschedule").button().click(function () {

                            var url = $("#rescheduleUrl").attr('href');

                            $.ajaxSetup({ cache: false });
                            $.ajax({
                                url: url,
                                success: function (data) {
                                    $("#rescheduleDiv").html(data);
                                    $("#rescheduleDiv").dialog('open');
                                }
                            });
        });
    });

从加载的部分视图来看，这是我需要立即运行的 jQuery。

$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'month,agendaWeek,agendaDay',
        center: 'title',
        right: ''
    },
    defaultView: 'agendaWeek',
    editable: false,
    minTime: 5,
    maxTime: 20,
    events: "/ServiceTicket/GetCalendarEvents/",
    allDaySlot: false
});

我也试过把它包裹起来

   $(document).ready(function() {
     ...
   });

结果相同。

有什么想法我需要做些什么才能让它立即运行？我在萤火虫中看过它，当模态框重新调整大小时它会运行，但直到那时才运行。

谢谢！

4

1 回答 1

1

我认为您还需要将部分视图 JQuery 包装在 document.ready 函数中。这就是我们如何让 JQuery 在从局部视图“弹出”的颜色框模式中触发

 $(document).ready(function () {
$('#calendar').fullCalendar({
    theme: true,
    header: {
        left: 'month,agendaWeek,agendaDay',
        center: 'title',
        right: ''
    },
    defaultView: 'agendaWeek',
    editable: false,
    minTime: 5,
    maxTime: 20,
    events: "/ServiceTicket/GetCalendarEvents/",
    allDaySlot: false
});
});

编辑

我认为在您的父页面中反转加载/显示功能可能会解决问题。

success: function (data) {    
    $("#rescheduleDiv").dialog('open');
    $("#rescheduleDiv").html(data);
 }

通过在“显示”对话框之前填充 html，在您与对话框交互之前， doc.ready 函数可能永远不会与您的事件处理程序一起触发。如果您先显示它，然后加载 html 数据，您的事件处理程序会按预期显示工作。

于 2012-06-01T17:21:34.140 回答