在特定活动中禁用caroufredsel

时间:2013-08-11 16:53:04

标签: jquery carousel caroufredsel

我在我的网站上使用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();

2 个答案:

答案 0 :(得分:5)

使用此:

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

而不是

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

答案 1 :(得分:1)

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

  

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

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

  

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

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