javascript - 如何重新加载 JCarousel

Question

我正在使用responsive jcarousel plugin我有一个问题。当我加载网页时，一切都工作得很好，响应良好，但如果我调整浏览器窗口的大小，轮播就会困惑。

我发现我应该触发jcarousel reload方法以使其重新计算幻灯片的数量及其大小。问题是我无法重新加载轮播。请参阅下面的代码:

这就是我的 jcarousel 响应式的原因(效果很好):

 var jcarousel = $('.jcarousel');

    jcarousel.on('jcarousel:reload, jcarousel:create', function () {
        console.log('reloading carousel');
            var carousel = $(this),
            width = carousel.innerWidth();
            cantSlides = 1;
            if (width >= 1600){
                width = width / 4;
                cantSlides = 4;
            }else if (width >= 1200) {
                width = width / 3;
                cantSlides = 3;
            }else if (width >= 800) {
                width = width / 2;
                cantSlides = 2;
            }
            carousel.jcarousel('items').css('width', Math.ceil(width) + 'px');

            $('.jcarousel-control-prev')
            .jcarouselControl({
                target: '-='+cantSlides
            });

            $('.jcarousel-control-next')
            .jcarouselControl({
                target: '+='+cantSlides
            });

        })

这是行不通的:

$(window).resize(function(){
  $('.jcarousel').jcarousel('reload', {});
});

我在轮播重新加载、创建函数中放置了一个console.log。当我按 F5 时它会记录，但当我调整浏览器窗口大小时它不会记录。为什么我的重新加载事件没有触发？

谢谢!

Answer 1

我发现错误在哪里了!jcarousel.on('jcarousel:reload, jcarousel:create', function () { 是错误的，正确的语法是这样的: jcarousel.on('jcarousel:reload jcarousel:create', function () {，用空格代替逗号。