0

iframe を使用してポップアップを作成する JQuery 関数が既にあります。新しい要件では、最初のポップアップからトリガーされる別のポップアップを作成する必要があると言われていますが、iframe では別のポップアップを作成できません。iframeの代わりにメインページを親として使用してポップアップを作成できる方法はありますか? より良い提案があれば教えてください。ありがとう

コード：

function GetPopUp ("../folder/file.htm", "POPUP Title")
 {
   var xpos = mouse_x;
   var ypos = mouse_y;
   var windowID = $(href.split('/')).last()[0].split('.')[0];
   var $dialog = $("#" + windowID)

   var dimensions = GetPopUpDimensions(windowID);

   $('body').after('<iframe id="' + windowID + '" style="padding:0;" src="' + href +  '">  </iframe>');
   $dialog = $("#" + windowID)
   $dialog.dialog(
   {
    autoOpen: false,
    title: title,
    position: 'center',
    sticky: false,
    width: dimensions.DialogWidth,
    height: dimensions.DialogHeight,
    draggable: true,
    resizable: false,
    modal: true,
    close: function () {
        $(this).dialog('destroy');
        $("#" + windowID).remove();
    }
});
$dialog.load(function () {
    $dialog.dialog('open');
    $dialog.css("width", "100%"); // reset the width that is set by jquery UI
});

}

htm ファイルには、別のポップアップをトリガーすることが予想されるクリック可能なリンクがあります。

4

2 に答える 2

0

ポップアップ ウィンドウは IFrame ウィンドウの上部に自動的に適用されないため、Parent.function_name(); を介して簡単に適用できます。
function_name() => この関数は、IFrame ウィンドウの上部で定義されています。以下のリンクで完全なデモを見ることができます

デモはここをクリック

于 2015-04-15T12:24:45.203 に答える
0

コードが iframe 内で実行されている場合は、DOM セレクターに次のプレフィックスを付けることができます。

window.parent.
于 2013-10-08T23:28:16.460 に答える