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

Question

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

但是，我不确定这是否可能，但是有没有办法可以删除页面本身上的轮播实例并使用新的项目集重新创建？我计划在页面上使用过滤器(选择框)，在更改时我想生成一个带有过滤列表的新轮播。专家有什么想法吗？

提前致谢。

扎

Answer 1

我在当天晚些时候设法解决了这个问题，但过去几天太忙了，无法发布我想到的解决方案。我使用了动态加载项目所需的相同 addItemCallback 函数 - 但在绑定(bind)到年份过滤器的 onChange 事件的不同事件上。好吧，就是这样，我希望它可以帮助其他一些尝试实现同样事情的人:

函数 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'
    );
}); 

}

这个答案听起来对这个问题来说太特殊了(好吧，这个问题也太特殊了) - 但我想展示的是如何跟踪来自轮播外部元素的事件并使用它来操纵轮播。

干杯!