Плагин Jquery Cycle Lite не может видеть изображения, которые были загружены вызовом AJAX

Question

У меня проблемы с использованием плагина 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 "видел" новые изображения. Я перепробовал все, что мог придумать, но не могу заставить его работать.

Что я делаю не так?

Answer 1

Даже если вы используете Cycle Lite, я считаю, что документация для плагина Cycle должна работать. Итак, вы пробовали этот addSlide метод ?

Есть несколько других демонстраций из них также доступны.