Unslider将.active类添加到活动元素?

时间:2014-07-15 13:38:27

标签: javascript jquery unslider

我正在使用JQuery Unslider。如何将active类添加到当前滑块元素?

http://unslider.com/

我正在尝试使用它,但它不起作用:

$('#slider').unslider({
    delay: 3000,
    keys: false,
    fluid: true,
    dots: false,
    complete: function(){
        $(this).addClass('active');
    },
});

2 个答案:

答案 0 :(得分:1)

JsFiddle

var slider = $('.banner').unslider({    
    complete: function(el) {                
        if(sliderData)
        {
            sliderData.items.removeClass('active');
            $(sliderData.items[sliderData.current]).addClass('active');
        }
    }
});

var sliderData = slider.data('unslider');

答案 1 :(得分:0)

那对我没用。 我在unslider.js的第187行做了这个 只需确保将“活动”类添加到第一张幻灯片中即可。 好的永久性修复。

    if (o.fade) {
                _.i = index;
                ul.find("li:visible").fadeOut(speed);
                ul.find("li:visible").removeClass('active');

                ul.find("li").eq(index).addClass('active');
                ul.find("li").eq(index).fadeIn(speed);

            }