javascript、jquery、ajax、web-applications、modal-dialogといったajaxを介してロードされたdivのようなモーダルにコンテンツを追加するにはどうすればいいですか？

サムネイルのギャラリーがあるページがあります。 1つをクリックすると、より大きな画像を表示し、次にモーダルのような方法で画像に関する詳細情報を表示したい ここでやった 私が何を意味するかを見るためにイメージをクリックしてください。 コンテンツはajax経由でロードされます。ユーザーがサムネイルをクリックしたときに、追加の情報が読み込まれるのを待つときに大きな画像を表示できるように、大きな画像をプリロードすることもできます。私はモーダルに新しいので、どうすればこれを達成できるのでしょうか？

回答：

ajax経由でコンテンツを動的にロードする単にdom（またはモーダルダイアログを表示しているdiv / container）に追加するだけです。 ajaxリクエストが到着したときに追加することで、モーダルダイアログの外観を更新して新しいコンテンツを反映させます。

私はモーダルダイアログを見つけることはできません。"ajaxをサポートします"。むしろ、レンダリングの前に、またはダイアログが開いているときにイベントを発生させるものを探しているので、あなたはajax呼び出しを作成できます。 jQuery UIモーダルダイアログはこの機能をサポートしています。

$( ".selector" ).dialog({                          //open the dialog
open: function( event, ui ) {                //fire function before rendering
$.ajax({                                 //make your ajax call to get content
url: "test.html",
type: "POST",
data: "name=value&name=value",
success: function(html){
$(this).append(html);          //append your content to the dialog
}
});
}
});