Question

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

未捕获TypeError：$（...）。dialog（...）。dialog（...）。使用dialogextend jquery插件时，dialogExtend不是函数。

以下是我的代码：

<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>

Answer 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

未捕获的TypeError：$（...）。dialog（...）。dialog（...）。dialogExtend不是函数

1 个答案: