0

我目前正在使用 Fullcalendar jquery 插件制作日历。单击事件时，我需要打开一个对话框。当我在一瞬间单击日历上的事件时，我会在打开对话框时得到灰色背景，然后应该弹出的对话框会清除页面并打开（因此日历消失）。我一直在寻找任何地方，但我无法弄清楚我做错了什么。

这是我的 clickevent 代码：

eventClick: function (event) {
    if (event.url) {
        var page = event.url
        var title = "test"
        var $dialog = $('<div></div>')
            .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>')
            .dialog({
                autoOpen: false,
                modal: true,
                height: 300,
                width: 600,
                title: title,
                position: "top"
            });
        $dialog.dialog('open');
    }
    return false
}

编辑 ：

显然它与 jquery 版本有关。这些是我的进口：

<link href='../../../Scripts/fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='../../../Scripts/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<%--<script src='../../../Scripts/jquery-1.9.1.min.js'></script>--%>
<%--<script src='../../../Scripts/jquery-ui-1.10.2.custom.min.js'></script>--%>
<script src="../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="../../../Scripts/dialog/jquery.dialog.min.js" type="text/javascript">       </script>
<script src='../../../Scripts/fullcalendar/fullcalendar.min.js'></script>
<link href="../../../Scripts/dialog/css/ui-lightness/jquery.dialog.css" rel="stylesheet" type="text/css" />

当我使用较低版本的 jquery 时，对话框工作正常。我需要新版本来实现拖放。整天都在寻找解决方案，但找不到。任何帮助将不胜感激

更新：

我现在已经导入了 jquery-migrate-1.2.0.js，对话框出现了。但是现在我遇到了一个新问题：日历中的事件会在对话框顶部弹出，在打开对话框几次后它似乎可以自行修复。但这仍然很烦人，现在我正在通过在对话框打开时隐藏日历来解决它，但我想让它在后台显示......

4

0 回答 0