Question

我正在使用jquery完整日历插件，并使用ui对话框遇到一些问题。现在，当我点击事件时，它将在UI对话框中呈现事件和有关事件的所有详细信息，没有任何问题。但是，当我关闭此框时，除非我刷新页面，否则所有其他jquery事件将在页面上停止。我可以点击其他事件，但页面上没有其他jquery事件工作......这是我的代码。

eventClick: function(event) {
    if (event.url) {
        $('#myDialog').load('full_calendar/ajax/show_event.php?EventID=' + event.id).dialog({
            autoOpen: false,
            width: 600,
            height: 450,
            modal: true,
            close: function(ev, ui) {
                $(this).hide();
            }
        });

        $('#myDialog').dialog('open');

        return false;
    }
},

我似乎无法弄清楚这一点。任何帮助表示赞赏。

Answer 1

如何关闭对话框？

我看到你这样做：$(this).hide();

对话框是一个模态，因此插件会在下面创建一个叠加层，以禁止操作下面的UI。即使这个叠加层不可见（没有不透明样式），它仍然会这样做。

关闭对话框的正确方法是：

$(this).dialog('close'); // assuming 'this' is '#myDialog'

Jquery完整日历EventClick＆amp; UI对话框

1 个答案: