Jquery Full Calendar EventClick & UI 对话框

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'