jquery - 在特定事件中禁用 caroufredsel

Question

我在我的网站中使用 caroufredsel，我只希望它在窗口宽度小于 960px 时激活/工作。好的时候它可以工作，我调整浏览器窗口的大小，当它小于 960px 时它开始工作，但问题是当我再次调整窗口的大小时它不会禁用，即使宽度大于 960px，

当窗口宽度大于 959px 时，有什么方法可以禁用 caroufredsel 吗？

这是我的代码:

$(window).on("resize", function () {
    if($(window).width() <=959)
    {
        $('.item-holder').addClass('item-carousel');
        $('.item-carousel').carouFredSel(
        {
            width: "100%",
            height:200,
            circular: true,
            auto    : false,
        });

        $('#portfolio-wrapper .carousel-nav').show();

    }
    else
    {
        $('.item-holder').removeClass('item-carousel');
        $('.item-carousel').carouFredSel(false);
        $('#portfolio-wrapper .carousel-nav').hide();
    }
}).resize();

Answer 1

使用这个:

 $(".item-carousel").trigger("destroy");

而不是

$('.item-carousel').carouFredSel(false);