javascript - 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()，因此第二次调用将导致未初始化错误