1

我在我的网站中使用 caroufredsel，我只希望它在窗口宽度小于 960 像素时激活/工作。它工作正常，我重新调整浏览器窗口的大小，当它小于 960 像素时它开始工作，但问题是当我再次调整窗口大小时，即使宽度大于 960 像素，它也不会禁用，

当窗口宽度超过 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();
4

2 回答 2

6

用这个：

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

代替

$('.item-carousel').carouFredSel(false);
于 2013-08-14T22:54:58.280 回答
1

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

var carouselContent = $('.item-carousel').parent().html();

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

$('.item-carousel').parent().empty().html(carouselContent);

此外，您可以直接定位父级，而无需使用 parent() 选择器。我只在示例中使用了它，因为我不知道父元素的类名或 id。

于 2014-02-08T10:38:19.560 回答