jQuery appendTo関数の後の要素の選択

Question

jQuery経由でdivのセットを動的に追加してから参照して参照する必要があります。あなたがこれを行うことができないのは本当に奇妙です。なぜなら、あなたがファイアバグでDOMを見ると、要素がそこにあるからです。 jQueryは存在するように動作しません。

HTML ...

<div id="images"></div> 

これは

...私に <div> ...

 $.getJSON("http://localhost/wordpress/test.php", 
     function(data){ 
      $.each(data, function(i,item){ 
      $("<img/>").attr("src", item).appendTo("#images"); 
      }); 
     }); 

に追加私の要素を与えるその後、私はすぐに画像を選択して使用するようにしてください

 $("img").each(
      function(i,item) { 
       alert(item); 
      }); 

jQueryは、新しく追加された要素のいずれも選択しません。基本的には画像が追加されていないように動作します。

Answer 1

コードの2番目のブロックを実行すると、イメージはまだ存在していないはずです。 getJSON呼び出しは非同期です。これは、いつ返ってくるのか分からず、イメージ要素をページに追加することを意味します。

appendToを呼び出すのと同じ関数で2番目のコードブロックを追加しようとしましたか？これは、人々が非同期コードを行うときの混乱の一般的な原因です。

Answer 2

ページロード後に新しいイメージがDOMに挿入されるため、jQueryのlive functionを使用する必要があります。簡単な例として、

：

$("img").live("click", function() { 
    alert(this); 
}); 

にかかわらず、それを添加したときの、ページ上のすべての画像の上にアラートをトリガーします。あなたの典型的な$("img").click()は添付された画像では機能しませんでした。