Question

...所以我有代码在屏幕上打开一个模态窗口：

       var frmUpdateSuccessDiv = $('#frmUpdateSuccess').kendoWindow({
            height: "260px",
            width: "480px",
            title: false,
            modal: true,
            visible: false

        }).data('kendoWindow');

        frmUpdateSuccessDiv.center();
        frmUpdateSuccessDiv.open();

在窗口上是一个id =＆＃34; uSuccess＆＃34;

的按钮

我如何编写jQuery代码，不仅关闭模态窗口，还关闭父窗口？

        $('#uSuccess').click(function () {
            $('#frmUpdateSuccess').closest(".k-window-content").data("kendoWindow").close();
        });

没有完成它......

        $('#uSuccess').click(function () {
            window.parent.close();
        });

似乎只能在IE中工作（并且会发出一个很大的丑陋警告，＆＃34;按钮想要关闭窗口，等等，等等......）

想法？

Answer 1

关闭模态窗口为$('#frmUpdateSuccess').data("kendoWindow").close();（无closest(".k-window-content")）

所以你的按钮处理程序应该是：

    $('#uSuccess').click(function () {
        $('#frmUpdateSuccess').data("kendoWindow").close();
    });

请在此处查看：http://jsfiddle.net/OnaBai/BtSUQ/

但关闭窗口可能就像window.close()一样简单（不确定为什么要尝试使用parent，除非你的代码在IFRAME中），但在某些浏览器中，出于安全原因这不起作用（禁止网站与您一起播放Windows /标签。）

Answer 2

由于缺少成功窗口的上下文，我不能确定你的目的是什么，但是这段代码可能会让你走上正确的道路。它允许窗口上的按钮关闭包含窗口。

$(".close-button").click(function(){
    // call 'close' method on nearest kendoWindow
    $(this).closest("[data-role=window]").kendoWindow("close");
});

从模态窗口上的按钮关闭父窗口（Kendo UI）

2 个答案: