FlexSlider+Ajax

[xploitik]

Добрый день, уважаемые форумчане.
Делаю плагин под WordPress.
Есть страница, где контент выводится с помощью автоподгрузки, вот код этой части:

function getNextP(){
if(thisWork == 1){
	thisWork = 0;
  var sorts=$("#sorts").val();
$("#upBlock").css('display','block');
$.get("site.ru/function.php?page="+thisPageNum+sorts, function(data){
$("#upBlock").css('display','none');
$("#LoadDiv").html($("#LoadDiv").html()+" "+data);
thisPageNum = thisPageNum + 1;
thisWork = 1;
});
 }      
}

тем самым выводится нужный мне контент в div блок loaddiv, контент содержит текст и слайдеры картинок flexslider. При первой загрузке, картинки нормально грузятся, а при дальнейшей подгрузке, картинки слайдера не отображаются. При гуглинге нашел примерное объяснение, но решение не понял. Вот тут.
Кто знает, подскажите пожалуйста решение.

[dumbash]

Во первых - в строке 8 лучше используй функцию append:

$("#LoadDiv").append(data);

Она добавляет содержимое в конец элемента.

А по поводу flexslider, тебе нужно инициализировать его каждый раз для новых загруженных картинок.

После 8 строки модифицируй и вставь этот код:

$("#YourFlexsliderDIV").flexslider({animation: "fade", directionNav: false});

Изменить нужно css селектор "#YourFlexsliderDIV"

[xploitik]

Спасибо огромное! Заработало на ура!