Имам проблеми с използването на приставката 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 да „вижда“ новите изображения. Опитах всичко, за което се сетя, но не успях.
какво правя грешно