Kendo ui 关闭窗口时出现KendoUI窗口弹出错误

我只是需要一些关于显示KendoUI窗口的帮助。 我的情况是我有一个按钮可以调用窗口。第一次单击按钮时，窗口对话框将出现，但在通过单击“x”按钮关闭窗口后，我无法通过按相同的按钮使其再次出现。 我不知道我的错误在哪里

这是我的密码：

<script type="text/javascript">

$(document).ready(function() {
    $(".test").click(function (){
        $("#window").kendoWindow({
            actions: ["Refresh","Maximize","Minimize","Close"],
            draggable: true,
            height: "300px",
            modal: true,
            resizable: false,
            title: "Purchase Order Supplier Detail",
            width: "500px"
        });
    });
});
</script>

<div id="window" style="visibility: hidden;"></div>
<input type="button" class="test" value="test" />

$（文档）.ready（函数（）{
$（“.test”）。单击（函数（）{
$（“窗口”）.kendoWindow({
操作：[“刷新”、“最大化”、“最小化”、“关闭”]，
真的，
高度：“300px”，
莫代尔：是的，
可调整大小：false，
标题：“采购订单供应商详细信息”，
宽度：“500px”
});
});
});

将剑道窗口置于按钮之外，像这样单击

<script type="text/javascript">

$(document).ready(function() {

 $(".test").click(function (e) {
                $("#window").data("kendoWindow").open();
                e.preventDefault();
            });

        $("#window").kendoWindow({
            actions: ["Refresh", "Maximize", "Minimize", "Close"],
            draggable: true,
            height: "300px",
            modal: true,
            resizable: false,
            title: "Purchase Order Supplier Detail",
            width: "500px",
        });

});
</script>

<div id="window" style="display:none;"></div>
<input type="button" class="test" value="test" />

$（文档）.ready（函数（）{
$（“.test”）。单击（函数（e）{
$（“#窗口”）.data（“kendoWindow”）.open（）；
e、 预防默认值（）；
});
$（“窗口”）.kendoWindow({
操作：[“刷新”、“最大化”、“最小化”、“关闭”]，
真的，
高度：“300px”，
莫代尔：是的，
可调整大小：false，
标题：“采购订单供应商详细信息”，
宽度：“500px”，
});
});

---

Div样式是“display:none；”而不是“visibility:hidden；”

将剑道窗口从按钮中取出，像这样单击

<script type="text/javascript">

$(document).ready(function() {

 $(".test").click(function (e) {
                $("#window").data("kendoWindow").open();
                e.preventDefault();
            });

        $("#window").kendoWindow({
            actions: ["Refresh", "Maximize", "Minimize", "Close"],
            draggable: true,
            height: "300px",
            modal: true,
            resizable: false,
            title: "Purchase Order Supplier Detail",
            width: "500px",
        });

});
</script>

<div id="window" style="display:none;"></div>
<input type="button" class="test" value="test" />

$（文档）.ready（函数（）{
$（“.test”）。单击（函数（e）{
$（“#窗口”）.data（“kendoWindow”）.open（）；
e、 预防默认值（）；
});
$（“窗口”）.kendoWindow({
操作：[“刷新”、“最大化”、“最小化”、“关闭”]，
真的，
高度：“300px”，
莫代尔：是的，
可调整大小：false，
标题：“采购订单供应商详细信息”，
宽度：“500px”，
});
});

Div样式是“display:none；”而不是“visibility:hidden；”