jCarousel - 更新轮播项目而不刷新页面

时间:2011-05-17 07:57:36

标签: jquery ajax jcarousel

我正在使用带有itemloadcallback参数的小型图库页面的jCarousel插件来动态加载轮播上的项目。

但是,我不确定这是否可行,但有没有一种方法可以删除页面上的轮播实例并使用新的项目集重新创建?我打算在页面的onchange上使用过滤器(选择框),我想生成一个带有过滤列表的新轮播。任何想法专家?

提前谢谢。

2 个答案:

答案 0 :(得分:3)

我设法在同一天晚些时候开始工作,但过去几天忙于发布我上传的解决方案。我使用了动态加载项所需的相同addItemCallback函数 - 但是在绑定到year过滤器的onChange事件的不同事件上。嗯,这是它,我希望它可以帮助其他一些尝试实现同样的事情:

function mycarousel_initCallback(carousel){

  jQuery('#filter_year').live('change', function() {
    jQuery.get(
        'dynamic_ajax_php.php',
        {
            first: carousel.first,
            last: carousel.last+1,
            year:""+$(this).val()+""
        },
        function(xml) { 
            mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, xml);
        },
        'xml'
    );
}); 

}

答案对于这个问题来说听起来太特别了(问题太特别了) - 但我想要展示的是如何跟踪旋转木马外部元素的事件并用它来操纵旋转木马。

干杯!

答案 1 :(得分:0)

为什么不将jCarousel放在具有特定ID的div中(尽管这可能就是你这样做的)。您只需要ajax来加载新内容。如果ajax调用成功,你可以追加(或者更确切地说只是使用jquerys的html()函数)必要的结构并调用jCarousel到该div。