jquery는 동적 콘텐츠에 플러그인을 사용합니다.

Question

갤러리 뷰 플러그인을 사용하여 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); 

내가 뭘 잘못하고 있니? 당신이 바로 getget 등의 반환에 콜백 함수의 끝에서 galleryview에 전화를 추가 할 필요가 다음 galleryview가 (빈 DIV에)이라고 있도록

Answer 1

가져 오기 호출은 비동기 :

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

    // rest of your code here 

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