Javascript 未捕获类型错误：$（…）.dialog（…）.dialog（…）.dialogExtend不是函数_Javascript_Jquery_Dialog_Jquery Ui Dialog

Javascript 未捕获类型错误：$（…）.dialog（…）.dialog（…）.dialogExtend不是函数

javascript jquery

Javascript 未捕获类型错误：$（…）.dialog（…）.dialog（…）.dialogExtend不是函数,javascript,jquery,dialog,jquery-ui-dialog,Javascript,Jquery,Dialog,Jquery Ui Dialog,我正在尝试使用DialogExtendJQuery插件将对话框小部件添加到我的表中。我发现了错误未捕获类型错误：$（…）.dialog（…）.dialog（…）.dialogExtend在使用dialogExtend jquery插件时不是函数下面是我的代码： <body> <canvas id="canvas"> <ul>li><a href="#">Table</a> <

我正在尝试使用DialogExtendJQuery插件将对话框小部件添加到我的表中。我发现了错误

未捕获类型错误：$（…）.dialog（…）.dialog（…）.dialogExtend在使用dialogExtend jquery插件时不是函数

下面是我的代码：

<body>
    <canvas id="canvas">
        <ul>li><a href="#">Table</a>
            </li>
        </ul>
    </canvas>
    <script>
        $("#canvas").dialog("open")
            .dialog({
            height: 500,
            width: 1200,
            resizable: true,
            open: function(type, data) {
                $(this).parent().appendTo("form");
            },
            buttons: {
                "OK": function() {
                    $(this).dialog("close");
                }
            }
        })

            .dialogExtend({
            "closable": true,
                "minimizable": true,
                "minimizeLocation": "right",
                "icons": {
                "close": "ui-icon-circle-close",
                    "minimize": "ui-icon-circle-minus",
                    "restore": "ui-icon-circle-triangle-n"
            }
        });
    </script>


li>


$（“画布”）。对话框（“打开”）
.对话({
身高：500，
宽度：1200，
可调整大小：正确，
打开：功能（类型、数据）{
$（this.parent（）.appendTo（“form”）；
},
按钮：{
“OK”：函数（）{
$（此）.dialog（“关闭”）；
}
}
})
.dialogExtend({
“可关闭”：正确，
“可最小化”：正确，
“最小位置”：“正确”，
“图标”：{
“关闭”：“ui图标圈关闭”，
“最小化”：“ui图标圆减”，
“还原”：“ui-icon-circle-triangle-n”
}
});

如果要在初始化之前打开对话框，则必须先初始化对话框，然后才能打开它：

尝试：

将您的代码放入$（文档）中。准备就绪（函数（）{我尝试了，但没有成功。仅供参考，我现在收到以下错误，未捕获TypeError:$（…）.dialog（…）.dialog（…）.dialogExtend不是一个函数。您是否包含jQuery dialogExtend js文件？是的，我当然包含了。您使用的浏览器是什么？链接在我的浏览器上运行良好我使用的是chrome版本46.0.2490.71（64位）。如果您有其他浏览器，请检查它。是的，它在firefox上运行，没有问题。Document.ready在chrome中不起作用。fiddle链接在firefox中起作用。

  $("#canvas").dialog({
            height: 500,
      autoOpen: false,
            width: 1200,
            resizable: true,
            open: function(type, data) {
                $(this).parent().appendTo("form");
            },
            buttons: {
                "OK": function() {
                    $(this).dialog("close");
                }
            }
        })

            .dialogExtend({
            "closable": true,
                "minimizable": true,
                "minimizeLocation": "right",
                "icons": {
                "close": "ui-icon-circle-close",
                    "minimize": "ui-icon-circle-minus",
                    "restore": "ui-icon-circle-triangle-n"
            }
        }).dialog("open");