-1

重複の可能性：
別のページからモーダルフォームを閉じる方法

私は2つのページを持っています。最初のページから URL test.html でモーダル フォームを呼び出し、test.html ページからモーダル フォームを閉じたい href="#" onclick="">閉じる 次のコードを使用してモーダル ダイアログを開きます

$(document).ready(function()
 {
     $("#create-user").button().click(function()
     {`enter code here`
         $("#dialog-form").load('test.html').dialog({ modal:true, }); 
     }); 
 });
4

2 に答える 2

0

test.htmlからモーダルを閉じたい場合、考えられる解決策は、ダイアログモーダルを生成する親のIDを見つけて閉じることです。これは、次の方法で実行できます。

a href="#" onclick="closeModal()"

function closeModal()
{
 window.parent.document.getElementById('dialog-form').style.display = 'none';
}

これにより、test.htmlからモーダルが閉じられます。

于 2012-12-18T12:11:01.770 に答える
0

でダイアログを閉じることができます

$("#dialog-form").close();

コードのどこからでも。

ダイアログのコンテンツは動的に読み込まれるため、含まれている div にイベントをバインドできます

$(document).ready(function()
{
  $("#create-user").button().click(function()
  {
     $("#dialog-form").on('click', '.close_link', function() {
         $("#dialog-form").close();
         return false;
     };
     $("#dialog-form").load('test.html').dialog({ modal:true, }); 
  }); 
});

close_linkダイアログを閉じるために使用するボタン/リンクに追加するだけです。

于 2012-12-18T12:08:24.737 に答える