1

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

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

4

2 回答 2

0

我设法像那样修复它

$("#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!
                }
            });
        }
});
于 2015-02-20T23:54:22.063 回答
0

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

于 2012-10-28T15:56:14.630 回答