У меня возникают проблемы с использованием плагина jquery cycle lite для некоторых изображений, которые добавляются через AJAX.
Вот код jquery:
$(function() {
resizeWindow();
$(window).bind("resize", resizeWindow);
$("#assignment-nav").accordion({
header: "h3",
autoHeight: false
});
$(".project").click(function() { // get the HTML and load into div
$('.image-holder').empty();
var justTheNumber = $(this).attr('id').replace('project-','');
$.get("get_project_images.php",
{project_id:justTheNumber},
function(data){
$('.image-holder').append(data);
}
);
$(".image-holder").cycle({ // Cycle plugin
prev: '#prev',
next: '#next',
timeout: 0,
speed: 250
})
});
});
Мой код отлично работает, поскольку теги IMG загружаются и отображается первое изображение слайд-шоу. Однако кнопки «предыдущий/следующий» не работают.
Когда я загружаю изображения через статический HTML, предыдущие/следующие ссылки слайд-шоу работают нормально. (Я просто скопировал и вставил сгенерированный HTML.)
Я понимаю, что мне нужно использовать что-то вроде .bind или .live, чтобы плагин Cycle «видел» новые изображения. Я пробовал все, что мог придумать, но не могу заставить это работать.
Что я делаю неправильно ?