jquery - iframe から親にモーダル ウィンドウを開く

Question

iframe を含むページがあり、この iframe 内には、親ウィンドウでモーダル ウィンドウを開く必要があるリンクがいくつかあります。問題は、親ウィンドウにコードを配置するアクセス権がないことです。私はこのiframeにアクセスできます。このような制限のあるjqueryでこれを行う方法はありますか?

ありがとうございました！

Answer 1

JQueryプラグインSimpleModalを使用できます

「appendTo」と呼ばれるオプションがあり、モーダルをどこに置くかを知ることができます。このアプローチの唯一の問題は、モーダルのオーバーレイがiframeのサイズで表示されることです。そのため、モーダルを開いた後、希望の幅と高さを指定する必要があります。

$('#div-modal').modal({
    appendTo: $(window.parent.document).find('body'),
    overlayCss: {backgroundColor:"#333"}, // Optional overlay style
    overlayClose:true, 
});
// Set overlay's width
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%');

モーダルとして開きたいdivが親ウィンドウにある場合は、次のように置き換えることができます$('#div-modal')。$(window.parent.document).find('#div-modal')