Jquery UI对话框不会多次打开

Question

我正在尝试使用jquery-ui将页面加载到对话框中，但对话框只会打开一次。 这是我的代码：

$(document).ready(function() {

$("#clickToOpen").click( function() {

            $("#dialog").dialog({
                modal:true,
                draggable:false,
                resizable:false,
                minWidth: 900,
                maxWidth: 300,
                minHeight: 300,
                maxHeight: 800,
                closeOnEscape: true,
                autoOpen: false,
                show: {
                    effect: "fade",
                    duration: 400
                },
                hide: {
                    effect: "fade",
                    duration: 400
                },
                close: function(event, ui) {
                    $(this).dialog("destroy");
                }
            });

            $("#dialog").load('login.htm');
            $("#dialog").dialog('open');

            return false;
        });
   });

当我尝试重新打开对话框时，我收到此错误：

Uncaught TypeError: undefined is not a function

我必须知道我已经尝试在click事件之外初始化对话框，但我仍然遇到错误。

一些帮助？

编辑：如果我删除.load函数，我可以多次打开对话框..但我不明白如何解决这个问题。