사진 갤러리를로드 한 후 flexslider 초기화

Question

프로젝트에서 친구와 함께 일하고 있는데 갤러리를 클릭하여 클릭 한 후 다시 초기화하는 방법을 알아 내려는 데 어려움이 있습니다. 이견있는 사람? 제공되는 코드 :

jQuery(document).ready(function(){ 
    fetchAlbumList(); 
}); 

function fetchAlbumList() { 
    jQuery.ajax({ 
     url:'https://picasaweb.google.com/data/feed/api/user/107232985562777672515' + '?alt=json&callback=?', 
     dataType:'json', 
     success:function(data){ 
      var albumList = ''; 
      for (var i = 0; i < data.feed.entry.length; i++) { 
       albumList += '<li class="onethird column"><div class="pod"><div class="podContent">'; 
       albumList += '<img src="' + data.feed.entry[i].media$group.media$content[0].url + '"/>'; 
       albumList += '<h2>' + data.feed.entry[i].media$group.media$title.$t + '</h2>'; 
       albumList += '<a href="javascript:void(0)" onclick="fetchAlbum(&quot;' + data.feed.entry[i].id.$t + '&quot;)" class="button">View Gallery</a>'; 
       albumList += '</div></div></li>'; 
      }; 

      jQuery('.albumList').html(albumList); 
     } 
    }); 
} 

function fetchAlbum(albumID) { 
    jQuery.ajax({ 
     url:albumID.replace('entry','feed') + '&callback=?', 
     dataType:'json', 
     success:function(data){ 
      console.log(data); 

      jQuery('.albumPhotos').html(''); 

      var photoList = '<ul class="slides">' 
      for (var i = 0; i < data.feed.entry.length; i++) { 
       photoList += '<li><img src="' + data.feed.entry[i].content.src + '"/></li>'; 
      }; 
      photoList += '</ul>' 
      var href = jQuery(this).attr('href'); 

      var albumPhotos = '<h2>' + data.feed.title.$t + '</h2>'; 
      albumPhotos += '<div class="sliderWrapper"><div id="slider2" class="flexslider">'; 
      albumPhotos += photoList; 
      albumPhotos += '</div><div id="carousel2" class="flexslider">'; 
      albumPhotos += photoList; 
      albumPhotos += '</div></div>'; 

      jQuery('.albumPhotos').html(albumPhotos); 

      jQuery('#carousel2').flexslider({ 
       animation: "slide", 
       controlNav: false, 
       animationLoop: false, 
       slideshow: false, 
       itemWidth: 210, 
       itemMargin: 5, 
       asNavFor: '#slider2' 
      }); 

      jQuery('#slider2').flexslider({ 
       animation: "slide", 
       controlNav: false, 
       animationLoop: false, 
       slideshow: false, 
       sync: "#carousel2" 
      }); 
     } 
    }); 
} 

다시 초기화하는 방법에 대한 도움이 필요합니다. 나는 콜백을 시작할 필요가 있다고 생각하고 있지만 잘못 될 수 있습니다. 동적으로 추가/당신이 사용할 필요가 Flexslider에서 슬라이드를 제거하려면

Answer 1

:

$('#slider').data('flexslider').addSlide(obj); 
$('#slider').data('flexslider').removeSlide(obj); 

이 상대 할 수있다. Add or remove slides using jQuery FlexSlider