JQUERY：バックグラウンドレイヤを作成し、新しいHTMLをフォアグラウンドに読み込む方法は？ （のようなモーダルフォーム）

Question

画面を埋めるために、オーバーラップ/オーバーレイ層を作成する最善の方法を見つけようとし...、その後、いくつかのHTMLで負荷の上に新しいレイヤーを作成...

// Show popup - somehting like this.. 
$("#myBtn").click(function() { 
    $("#myDiv").load("myHTMLcode.html"); 
}); 

とそれから私は（..私は、HTMLの読み込みではなく、フォームを表示したい除いて、これを行う簡単な方法は、モーダルフォームとその類似している

Answer 1

次の1つ以上のプラグインのソースを見て、さまざまな方法で話している内容を実装しているので、いくつかのアイデアを得る必要があります。失敗すれば、それを選択して使用できます。

• blockUI
• Thickbox
• Facebox
• Fancybox

Answer 2

$をそれ

任意のアイデアを削除する方法が必要です"#myDiv"）。html（ ''）;

Answer 3

jQuery UIのdialogウィジェットでこれを行うことができると確信しています。オープンイベントハンドラフックを使用して、ダイアログが開いたときにHTMLをダイアログコンテナにドロップする方法を提供します。

$('#dialogDiv').dialog({ 
    modal: true, 
    autoOpen: false, 
    buttons: { "Ok": function() { $(this).dialog("close"); }, 
    open: function(event,ui) { 
      $(ui).find('#container').load(...); 
      } 
}); 

$('#openButton').click(function() { 
    $('#dialogdDiv').dialog('open'); 
}); 

URLを供給する必要がある場合は、使用を検討してdata()

$('#openButton').click(function() { 
    $('#dialogdDiv').data('url','someurl').dialog('open'); 
}); 

open: function(event,ui) { 
     $(ui).find('#container').load($('#dialogDiv').data('url')); 
     }