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

发布于 2024-11-07 20:48:01 字数 195 浏览 3 评论 0原文

我将 jCarousel 插件用于一个小型画廊页面,并使用 itemloadcallback 参数动态加载轮播上的项目。

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

提前谢谢。

I'm using the jCarousel plugin for a small gallery page with the itemloadcallback parameter to dynamically load the items on the carousel.

However, I'm not sure if this is possible, but is there a way by which a carousel instance on a page itself can be removed and recreated with new set of items? I am planning to use a filter (select box) on the page at the onchange of which, I would like to generate a new carousel with the filtered list. Any ideas experts?

Thx in advance.

Za

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

凡尘雨 2024-11-14 20:48:01

我在同一天晚些时候设法解决了这个问题,但过去几天太忙了,无法发布我想到的解决方案。我使用了动态加载项目所需的相同 addItemCallback 函数 - 但在绑定到年份过滤器的 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'
    );
}); 

}

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

干杯!

I'd managed to work on it later the same day but was too busy over the past few days to post the solution I came upto. I used the same addItemCallback function that is required to load items dynamically - but on a different event that's bind to the onChange event of the year filter. Well, here it is and I hope it might help a few other trying to implement the same thing:

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

}

The answer would sound too particular to the question (well the question was too particular too) - but the thing I wanted to show is how events from elements outside of the carousel can be tracked and used to manipulate the carousel.

Cheers!

回忆凄美了谁 2024-11-14 20:48:01

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

Why don't you put the jCarousel in a div with specific ID (although that's probably how you do it). You only need ajax to load new content. If ajax call succeeds, you can append (or rather just use jquerys' html() function) the necessary structure and invoke jCarousel to that div.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文