Question

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

当窗口宽度超过959像素时，有没有办法禁用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);

Answer 2

创建一个全局变量，用于获取轮播的父级内容。

var carouselContent = $（'。item-carousel'）。parent（）。html（）;

然后，当您想要禁用carouFredSel时，请执行以下操作：

$（'。item-carousel'）。parent（）。empty（）。html（carouselContent）;

此外，您可以直接定位父级，而不必使用parent（）选择器。我只在我的例子中使用它，因为我不知道父元素的类名或id。

在特定活动中禁用caroufredsel

2 个答案: