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

Question

我正在使用Kendo创建一个弹出窗口，但是，仅当用户单击按钮时才显示此窗口。 向您显示的代码将在请求网页时自动打开窗口。 我已经做了一些研究，但一无所获，有什么想法吗？

更多信息：这将用于表格并在内部具有签名板，因此，在对板（窗口）进行签名后，表格中的单元格（单击此处进行签名）应替换为签名。

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

我现在有这个按钮：

单击此处打开窗口。

和这个功能：

$("#open").click(function (e) {
            myWindow.data("kendoWindow").open(); 

        });

但是它没有打开窗户？

Answer 1

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

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

• myWindow.kendoWindow（{==将myWindow变成剑道窗口

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

• .center（）。open（）==使它在屏幕上居中（仍处于隐藏状态）并打开。

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

https://dojo.telerik.com/@Stephen/uXeJe