Question

我目前正在使用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，对话框显示出来。但是现在我遇到了一个新问题：日历中的事件会弹出对话框的顶部，打开对话框几次后它似乎自行解决了。但它仍然非常烦人，现在我正在通过在对话框打开时隐藏日历来解决它，但我希望它在后台显示...

对话框不会“弹出”，但重定向整个页面

0 个答案: