Добавление функции live() в метод .jcarousel

Question

Im пытается реализовать jcarousel на моем сайте. И используемый по умолчанию способ работает только с данными, которые уже существуют, когда DOM готов.

В моем случае im пытается добавить jcarousel в результирующий набор (ul и li), исходящий из моего окна поиска, которые динамически добавляются с помощью AJAX. Это означает, что он должен быть добавлен в live() каким-то образом или другим, чтобы он работал (я думаю). Я пытался добавить его по-разному, но никто не работал.

live() используется для событий, в которых нет jcarousel. Ive пробовал много, прежде чем попасть сюда. Heres несколько моих попыток на hxxp: //jsfiddle.net/pcjUZ/15/

// the default way of adding it 
$('#results').jcarousel({ 
    // Configuration goes here 
    vertical: true, 
    scroll: 2 
}); 

// my way of trying to get it live() 
// (which works on elements now and the ones added in the future) 
// but mine doesnt work at all :/ 
$('#results').live("load", function(){ 
    $(this).jcarousel({ 
     // Configuration goes here 
     vertical: true, 
     scroll: 2 
    }); 
}); 

Я бы очень признателен, если кто-то может мне помочь! Спасибо заранее.

Answer 1

Почему бы вам не попробовать это: Carousel with dynamic content loading via Ajax

Просмотр источника на этой странице, чтобы получить представление о том, как сделать jCarousel динамического содержимого, загруженного Ajax.

Но если это не запрос ajax для этого jCarousel, то я, вероятно, присоединяю плагин jcarousel к обработчику события .ajaxComplete(), а не document.ready(), как это делается в обычном режиме.

Надеюсь, что поможет