javascript - モーダルを開いたときにのみ jQuery モーダルで画像を読み込む

Question

デフォルトで非表示になっているモーダル div があります。

div にはいくつかの画像が含まれており、できるだけ早くページを読み込みたいと考えています。

モーダルが開かれる前ではなく、開かれたときにのみ実際に画像をロードすることは可能ですか?

Answer 1

モデルを使用している場合、ダイアログが初めて表示されるときに要素Dialogを追加すると、これは簡単です。のイベントをimg介してこれを行うことができます：openDialog

var hasOpened = false;

$( "#dialog" ).dialog({
   autoOpen: false,
   open: function(event, ui) { 
      if (!hasOpened) {
         $('#dialog').append($('<img src="someurl"></img>'));
      }
   }
});

Answer 2

はい、可能です。ユーザーがリンクモデルをクリックしたときに、画像を仕切りにロードする必要があります。

このためには、リンクをクリックした後に画像をロードする ajax 呼び出しを作成する必要があります。