Question

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

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

Answer 1

加载图片后，您需要使用.jcarousel('reload' [, options])

重新加载轮播

Answer 2

我设法像那样修复它

$("#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!
                }
            });
        }
});

加载AJAX内容后如何重置jCarousel？

2 个答案: