当异步调用新的画廊列表时,我正在尝试重新初始化 FlexSlider 而不刷新页面。
我认为下面的例程会起作用,但事实并非如此。即使新图像已成功加载,第一个 FlexSlider 似乎仍然存在。
有没有办法摧毁,然后重建画廊?
谢谢
function flexInit() {
$('.flexslider').flexslider({
animation: "slide",
controlsContainer: ".paginator",
manualControls: 'a',
after: function(slider){
if(slider.atEnd == true) {
// ??? slider.destroy;
galBuild();
}
}
});
}
function galBuild() {
$.getJSON("/gallery/next/"+galID, function (data) {
var results = data.objects;
var list = $(".flexslider ul.slides");
var i = 0;
$.each(results, function () {
list.append('<li><p>' + results[i].title + '</p><img src="' + results[i].src + '"><p class="flex-caption">' + results[i++].caption + '</p></li>');
});
flexInit();
});
}
galBuild();