動的に追加された要素は、私のjQueryのスライダーにロードされません

マイページには、現在、私は動的に私のスライダーに新しい「スライド」を追加できるようにしたいSlides 動的に追加された要素は、私のjQueryのスライダーにロードされません

を使用しています。私がこれを行う方法は、 "スライドイメージ"とhrefへのリンクを含むXMLドキュメントを通してです。

jQuery.ajax({ 
    type: "GET", 
    url: "xml/slider_non_flash_images.xml", 
    dataType: "xml", 
    success: function(xml) { 
     jQuery(xml).find('image').each(function() { 
      var imagesrc = jQuery(this).find('src').text(); 
      var url = jQuery(this).find('href').text(); 
      var item = '<div><a href="' + url + '"><img src="' + imagesrc + '"/></a></div>'; 
      jQuery('.slides_container').append(item); 
     }); 
    } 
});

このすべての作品、およびDIVを含むスライドにdivを追加します：動的に要素を追加する

私のjQueryのコードはこれです。問題は、スライドが機能しないことです。

コンテナ内にある<div>要素をハードコードすると、うまくロードされます。

「タイミング」の問題ではありますか？スライダが実行を試みた後に要素がロードされる場所もしそうなら、どうすればそれらを前に追加することができますか？これはすべて(document).readyメソッドで発生します。もっと早いものがありますか？

ありがとうございました。

誰かが聞いてくれると確信していますので、ここでスライダを開始するコードです。

jQuery('#slides').slides({ 
    preload: true, 
    preloadImage: 'images/loader.gif', 
    play: 8000, 
    effect: 'fade', 
    pause: 15250000, 
    slideSpeed: 8000, 
    crossfade: true, 
    fadeEasing: "easeOutQuad", 
    hoverPause: true 
});

出典

2011-07-29 Jack Marchetti

あなたはそれがページが '最初の時、それは存在しない要素は表示されません' .live（） '関数を使用してDOMをリロードが必要な場合があり、ライブ機能の詳細については、準備が整った（） 'あなたが指示する必要があるので、それらを探すことです。 – webLacky3rdClass

これを修正するために必要なのは、 '.ajax'コールで' async：false'オプションを設定することです。 –