jqueryは動的コンテンツにプラグインを使用します

Question

私はgalleryviewプラグインでrssフィードから画像ギャラリーを作成しようとしています。 htmlコンテンツがページ内に静的に存在する場合、プラグインは機能しますが、RSSフィードから動的にhtmlを生成すると、プラグインを呼び出すと何もしないようです。

function getScrollerContent() { 
    $.get('photos.rss', {}, function(xml) { 
     var contentHtml = ''; 
     var filmStripHtml = '<ul class="filmstrip">'; 
     $('item', xml).each(function(i) { 
      contentHtml += '<div class="panel">'; 
      var imgSrc = $(this).find('image').text(); 
      contentHtml += '<img src="' + imgSrc + '" />'; 
      contentHtml += '<div class="panel-overlay">'; 
      contentHtml += '<h2><a href="' + $(this).find('link').text() + '">' + $(this).find('title').text() + '</a></h2>'; 
      contentHtml += '<p>' + $(this).find('desc').text() + '</p>'; 
      contentHtml += '</div>'; 
      contentHtml += '</div>'; 
      filmStripHtml += '<li><img src="' + imgSrc + '" /></li>'; 
     }); 
     filmStripHtml += '</ul>'; 
     contentHtml += filmStripHtml; 

     $('#photos').append(contentHtml); 
    }); 

    $('#photos').galleryView({ 
     panel_width: 800, 
     panel_height: 300, 
     frame_width: 100, 
     frame_height: 100 
    }); 


} 

$(getScrollerContent); 

私が間違っているのか：ここで私が使用しているコードはありますか？

Answer 1

get呼び出しが非同期であるので、あなたはすぐにあなたのgetgetとしてリターンでコールバック関数の最後でgalleryviewへの呼び出しを追加する必要があり、その後galleryview（空のdiv上）と呼ばれている：

$.get('photos.rss', {}, function(xml) { 

    // rest of your code here 

    $('#photos').galleryView({ 
     panel_width: 800, 
     panel_height: 300, 
     frame_width: 100, 
     frame_height: 100 
    }); 
});