TypeError: $(...).dialog 不是 devserver 上的函数

Question

我有一个母版页，其中包含以下 css/js：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="resources/css/jquery-ui.css"> 

这是我用来打开弹出窗口的函数，我传递了一些参数来加载弹出窗口。

function planDataInputPopup(dialogId, formID, actionName, popHeight, popWidth, paramData) {

$(dialogId).dialog({
    autoOpen : true,width : popWidth,modal : true,dialogClass: 'no-close',
    draggable: true, resizable: true, position: [306,105],
    buttons : {
        "Create" : function() {
                if(document.getElementById("dropDownCounter").value != null){
                    document.getElementById("dropDownCounter").value=dropDownCounter+1;
                } 
                document.getElementById("inputPopupMode").value=true;
                if(paramData == 'false'){
                    submitInputFormUsingAjax(formID,actionName,"#inputFormMainDiv");
                }else{
                    submitMultipartFormUsingAjax(formID,actionName,"#inputFormMainDiv");
                }
                $(this).dialog("close");
                $(this).remove();
                //$(this).dialog("destroy");
        },

        Cancel : function() {
            $(this).dialog("close");
            $(this).remove();
            //$(this).dialog("destroy");
            return false;
        }
    },

    close : function() {
        $(this).dialog("close");
        $(this).remove();
        //$(this).dialog("destroy");
    }
});  }

以上代码在本地运行良好，但是当我部署在开发服务器上时，我收到异常 TypeError: $(...).dialog is not a function 或有时出现“$(this).dialog("destroy")”；

对话框应该关闭，但它没有在开发服务器上发生。

我没有得到什么错误。

任何帮助将不胜感激。

Answer 1

TypeError: $(...).dialog is not a function 是the error you get out of Firefox，当你还没有加载jqueryui。其他浏览器也有同样的错误。你可以

(1) 仔细检查您的开发服务器是否与http://code.jquery.com/ui/1.10.3/jquery-ui.js 建立了有效的非防火墙连接，或者更好 -

(2) 下载a minified jquery-ui.js 并将其包含在您服务器上的third-party 或lib 目录中，然后从那里获取它（这是常见的做法）。

---

另外：调用$(this).remove() 也调用.destroy()，如果对话框仍然打开，则调用.close()。这两行：

$(this).dialog("close");
$(this).dialog("destroy");

完全没有必要，您可以在不改变任何行为的情况下安全地删除它们。本质上，您是在连续两行上调用.destroy()，因此第二次调用将导致未初始化错误