未捕获的类型错误：$(...).dialog(...).dialog(...).dialogExtend 不是函数答案

【问题标题】：Uncaught TypeError: $(...).dialog(...).dialog(...).dialogExtend is not a function未捕获的类型错误：$(...).dialog(...).dialog(...).dialogExtend 不是函数
【发布时间】：2015-10-29 05:50:06
【问题描述】：

我正在尝试使用 dialogextend jquery 插件将对话框小部件添加到我的表中。我收到错误

Uncaught TypeError: $(...).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>

【问题讨论】：

把你的代码放在 $(document).ready(function() {
我试过但没用。
仅供参考，我现在收到以下错误 Uncaught TypeError: $(...).dialog(...).dialog(...).dialogExtend is not a function。
你是否包含了 jQuery DialogExtend js 文件？
是的，我当然做到了。

标签： javascript jquery dialog jquery-ui-dialog

【解决方案1】：

您正在尝试在初始化之前打开对话框，您必须先初始化对话框才能打开它：

试试：

  $("#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");

here the fiddle

【讨论】：

您使用的是什么浏览器？链接在我的浏览器上工作正常
我使用的是 chrome 版本 46.0.2490.71（64 位）。
如果您有其他浏览器请查看
是的，它在 Firefox 上运行没有问题。
Document.ready 在 chrome 中不起作用。小提琴链接在 Firefox 中工作。