首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在加载AJAX内容后重置jCarousel?

如何在加载AJAX内容后重置jCarousel?
EN

Stack Overflow用户
提问于 2012-10-28 23:52:27
回答 2查看 713关注 0票数 1

我使用的是从模板购买的自定义jCarousel JavaScript ( http://pastebin.com/BwsVpNjr );但是,当我尝试使用AJAX加载内容时,由于不能定义宽度或高度,轮播中断。如何才能在通过AJAX插入内容后重新加载jCarousel?

我花了4-5天在谷歌上搜索一个解决方案,看到数百人有类似的问题,但没有明确的答案。请帮帮我!

EN

回答 2

Stack Overflow用户

发布于 2012-10-28 23:56:15

加载图像后,您需要使用.jcarousel('reload' [, options])重新加载传送带

票数 0
EN

Stack Overflow用户

发布于 2015-02-21 07:54:22

我设法把它修好了

代码语言:javascript
运行
复制
$("#Services").each(function (index, item) {
        /* Load Content With AJAX */
        var url = site.baseUrl + $(item).data("url");
        if (url && url.length > 0) {
            $(item).load(url,

            /* Check return of load function if success load jcarousel */
            function (responseText, textStatus, XMLHttpRequest) {
                if (textStatus == "success") {
                    if ($('.slidewrap').length && jQuery()) {
                            $('.slidewrap').carousel({
                            speed: 600,
                            slider: '.slider',
                            slide: '.slide',
                            slideHed: '.slidehed',
                            nextSlide: '.next',
                            prevSlide: '.prev',
                            addPagination: false,
                            addNav: false
                            });
                    }
                }
                if (textStatus == "error") {
      // oh noes!
                }
            });
        }
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13110361

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档