7

アプリケーションがあります。クリックされたボタンで、剣道のモーダルウィンドウを開こうとしました。開店です。私のアプリケーションは1つのドメインにあり、剣道ウィンドウのコンテンツは別のドメインからのものです。次に、剣道ウィンドウ内にあるボタンでモーダルウィンドウを閉じたいと思います。ここから問題が始まります。モーダルウィンドウを閉じることができません。Googleを使用して検索しましたが、解決策が見つかりませんでした。解決策を知っていますか？

4

2 に答える 2

4

私の以前の回答に対するあなたのコメントを読んだ後、あなたの質問は誤解を招くと思います。modalあなたは別のドメインについて話しclose buttonますが、あなたのコメントから、実際には何も関係がないようです。あなたのコメントから、あなたはKendoUIにbutton（実際にはしかし他の何かかもしれませんが）配置したいと思い、さらに（偶然にも）別のドメインにあるページを表示したいと思います。これが実際に必要なものであり、クロスドメインとセキュリティに関連する問題を予測している場合は、実際に使用して、ページを参照するテンプレートを定義することをお勧めします。close buttonwindowcontent.templatebuttoniframewww.xyz.com

このようなもの...

var myWindow2 = $("#id2").kendoWindow({
    modal    : true,
    draggable: false,
    content  : {
        template: '<a href="javascript:void(0);" id="close2" class="k-button">Close</a>' +
                '<iframe src="http://www.xyz.com" frameborder="0" class="k-content-frame"></iframe>'
    },
    visible  : false,
    width    : 400,
    height   : 200,
    resizable: false,
    iframe   : true
}).data("kendoWindow");

$("#open2").on("click", function () {
    myWindow2.center();
    myWindow2.open();
});

$("#close2").on("click", function () {
    myWindow2.close();
});

floatの次のスタイルを定義することで、ページの残りの部分の上にボタンを作成することもできますclose button。

#close2 {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10000;
}
于 2012-12-20T16:11:40.253 に答える
2

次の JavaScript コードは、buttonを開くための を定義していmodal kendoWindowます。クリックしたら、必要に応じbuttonて本体の内側を押しwindowて閉じることができます。

JavaScript コード:

var myWindow = $("#id1").kendoWindow({
    title  : "hi",
    visible: false,
    modal  : true
}).data("kendoWindow");

$("#open").on("click", function () {
    console.log("opening");
    myWindow.center();
    myWindow.open();
});
$("#close").on("click", function () {
    console.log("closing");
    myWindow.close();
})

そしてHTML：

<a href="#" id="open" class="k-button">Open</a>

<div id="id1">
    <p>this is the content of my window</p>
    <a href="#" id="close" class="k-button">Close</a>
</div>
于 2012-12-20T07:50:36.143 に答える