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可用。

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

1 个答案: