Javascript 为什么我的剑道窗口会自动打开？

我正在使用剑道创建一个弹出窗口，但是，只有当用户单击按钮时，才会显示此窗口。显示给您的代码使窗口在请求网页时自动打开。我做了一些研究，但什么也没发现，有什么想法吗

更多信息：这将用于表单，并在其中有一个签名垫，因此，当该垫（窗口）已签名时，表中的单元格（单击此处签名）将替换为签名

.cshtml

<style>
    #example {
        min-height: 500px;
    }

    #undo {
        text-align: center;
        position: absolute;
        white-space: nowrap;
        padding: 1em;
        cursor: pointer;
    }

    .armchair {
        float: left;
        margin: 30px 30px 120px 30px;
        text-align: center;
    }

        .armchair img {
            display: block;
            margin-bottom: 10px;
        }

    .k-window-content a {
        color: #BBB;
    }

    .k-window-content p {
        margin-bottom: 1em;
    }

    @@media screen and (max-width: 1023px) {
        div.k-window {
            display: none !important;
        }
    }
</style>


<table>

    <tr>
        <td>
            <div id="example">
                <div id="window">
                    <H1>This is the window</H1>
                </div>
                <span id="undo" style="display:none" class="k-button hide-on-narrow">Click here to sign</span>
                <div class="responsive-message"></div>
            </div>
        </td>
    </tr>



</table>

<link rel="stylesheet" href="styles/kendo.common.min.css" />
<link rel="stylesheet" href="styles/kendo.default.min.css" />
<link rel="stylesheet" href="styles/kendo.default.mobile.min.css" />

<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>

<script>
    $(document).ready(function () {
        var myWindow = $("#window"),
            undo = $("#undo");

        undo.click(function () {
            myWindow.data("kendoWindow").open();
            undo.fadeOut();
        });

        function onClose() {
            undo.fadeIn();
        }

        myWindow.kendoWindow({
            width: "600px",
            title: "About Alvar Aalto",
            visible: false,
            actions: [
                "Pin",
                "Minimize",
                "Maximize",
                "Close"
            ],
            close: onClose
        }).data("kendoWindow").center().open();
    });
</script>

---

但是它不会打开窗口？

窗口会立即打开，因为您明确告诉它立即打开：

myWindow.kendoWindow({
    ....
}).data("kendoWindow").center().open();

• kendoWindow（{==将myWindow转换为剑道窗口

• .data（“kendoWindow”）==获取对该剑道窗口的引用

• .center（）.open（）==在屏幕上居中（仍然隐藏）并打开它

从初始化代码中删除.center（）.open（），并仅在单击按钮时使用

---

窗口立即打开，因为您明确告诉它立即打开：

myWindow.kendoWindow({
    ....
}).data("kendoWindow").center().open();

• kendoWindow（{==将myWindow转换为剑道窗口

• .data（“kendoWindow”）==获取对该剑道窗口的引用

• .center（）.open（）==在屏幕上居中（仍然隐藏）并打开它

从初始化代码中删除.center（）.open（），并仅在单击按钮时使用

---

我现在看不到打开它的按钮，所以我创建了自己的，并给了它正确的id，但遗憾的是没有做任何事情？@DredReadPirateStephen您在我的Dojo中没有看到按钮吗？我只是从span id=“undo”的标记中删除了显示：none元素来最初显示按钮。我现在不再看到按钮来打开它，所以我创建了自己的并给了它正确的id，但遗憾的是没有做任何事情？@DrepreadPiratestenen您在我的Dojo中没有看到按钮吗？我只是从span id=“undo”元素的标记中删除了显示：无；以最初显示按钮。