Проблемы с добавлением JCarousels в списки после загрузки страницы - PullRequest
Новая
       33

Проблемы с добавлением JCarousels в списки после загрузки страницы

1 голос
/ 11 февраля 2012

У меня есть страница, которая загружается, а затем динамически заполняется несколькими списками, основанными на результатах нескольких запросов AJAX. Я хочу добавить JCarousel в каждый из этих списков после того, как я верну все данные, и у меня возникли проблемы с этим. Я попробовал несколько вещей сейчас и до сих пор не повезло. В настоящее время у меня есть следующее:

В моем заголовке : 

$('.myindcaras').jcarousel({
    vertical: true
});

Моя страница PHP , которая управляет отображением: 

<ul id="uniqueid"></ul></div>

Мой .JS файл JavaScript. - попытка создать / отобразить карусели здесь:

Здесь я получаю document.getElementById (uniqueid), а затем добавляю информацию о классе: 

ul.className = "myindcaras jcarousel-skin-tango"

чтобы связать его с данными карусели в моем заголовке.

После выполнения других задач и завершения всех ответов AJAX я пытаюсь создать / добавить свои карусели следующим образом: 

var mylistElement = document.getElementById('uniqueid').getElementsByTagName('li');
var lengthofList = mylistElement.length;
var carouseltoaddTo = '';
carouseltoaddTo = $('#uniqueid').data('jcarousel');         

if (lengthofList > 0) { 
    for (i = 0; i < lengthofList; i++) {                            
    datatoAdd = mylistElement[i].innerHTML;                     
    carouseltoaddTo.add(i, datatoAdd);                      
    }
}

Из всего этого я получаю ошибку: carouseltoaddTo не определено

Я думаю, что одна проблема заключается в том, что я, возможно, неправильно инициализирую карусели. Во-вторых, я не уверен, что правильно ссылаюсь на карусель, чтобы добавить в нее все элементы списка.

Любая помощь очень ценится, спасибо.

1 Ответ

1 голос
/ 12 февраля 2012

Я исправил эту проблему. Я взял вещи немного слишком далеко! Я исправил это, просто переместив исходный код создания карусели из заголовка в мою функцию handleresponse: 

$('.myindcaras').jcarousel({
vertical: true
});

Затем выполняется, когда я получил все свои ответы AJAX.

...