2

我正在尝试将 jsp 文件加载到 jQuery UI 对话框http://jqueryui.com/demos/dialog/中。该 jsp 包含一个 fullCalendar http://arshaw.com/fullcalendar/日历。控制台调用 calLoader.jsp 或多或少只包含：

<jsp:include page="../cal.jsp"/>

当我第一次打开对话框时，一切正常，但是在我关闭对话框并尝试再次打开它之后，我从 Chrome 中获得了以下堆栈跟踪：

Uncaught RangeError: Maximum call stack size exceeded
d.d.extend._Deferred.f.resolveWith
d.d.extend._Deferred.f.done
d.d.fn.d.ready
d.d.fn.d.init
d.d
(anonymous function)
d.d.extend.globalEval
ba
d.d.extend.each
d.fn.extend.domManip
d.fn.extend.append
d.fn.extend.html
d.fn.extend.load.d.ajax.complete
d.d.extend._Deferred.f.resolveWith
v
d.support.ajax.d.ajaxTransport.send.c

Firefox 中的问题是相同的，但我收到消息：

too much recursion
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

我意识到我正在尝试加载多个相同的东西，并且它需要以某种方式重复使用或卸载/删除和重新加载，但我不知道如何做到这一点。

这是我用来打开日历的代码（被要求）。

function openCalendar() {
    var dialog = jQuery('<div id="calendaropener"></div>')
    .dialog({
        autoOpen: false,
        draggable: true,
        modal: false,
        resizable: false,
        width: 820,
        height: 750,
        position: [50, 50],
        title: 'Kalender',
        close: function(ev, ui) { calendarObj = null; }
    });
    dialog.load("calLoader.jsp");
    dialog.dialog('open');
}

从我页面上的按钮调用函数 openCalendar()。谢谢！

4

1 回答 1

1

我的猜测是，在您关闭第一个元素后，它只是被隐藏了，然后您创建了另一个具有相同 ID 的元素，这会导致加载过程出现问题。理想情况下，为了对 DOM 进行更多控制，我将从在主页中使用日历打开器 div 开始，然后按如下方式创建对话框：

$("#calendaropener").dialog(...

这可以帮助您更轻松地管理/调试它。

如果您不想这样做，那么您可以尝试添加到您的关闭功能：

close: function(ev, ui) { calendarObj = null; $(this).remove(); }

这将确保从 DOM 中删除该元素，因此您不会因为多次添加该元素而遇到任何奇怪的问题。

最后，如果您确实只想处理隐藏和重新打开（假设这不会破坏您的逻辑），那么您可以dialog.load("calLoader.jsp");有条件地触发，例如：

if($(dialogSelector).html().length == 0) {
    dialog.load("calLoader.jsp");
}

希望那里有帮助！

于 2011-09-08T12:21:05.917 回答