Jquery Cycle Lite 插件无法查看由 AJAX 调用加载的图像

Question

我在通过 AJAX 添加的某些图像上使用 jquery cycle lite 插件时遇到问题。

这里是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 插件的文档应该仍然有效。那你试过this addSlide method吗？

也有一些other demos 可用。