carouFredSel добавить класс к активному слайду

Question

Я пытаюсь добавить класс «active» к текущему слайду в carouFredSel, и я не могу заставить его работать. Самое близкое, что я мог заставить его работать, это добавить его на первый слайд, используя trigger("currentVisible"), но он не обновляется.

Помощь! Спасибо :)

Answer 1

До сих пор я использовал эту функцию (она не работает на загрузку страницы, хотя, похоже, это много кода для этой простой задачи) Возможно, у кого-то есть идея, как упростить это, а также заставить его работать на странице загрузки

function highlight(items) { 
items.filter(":eq(1)").addClass("active"); 
} 
function unhighlight(items) { 
items.removeClass("active"); 
} 

$('#foo').carouFredSel({ 
scroll : { 
onBefore: function(data) { 
    unhighlight(data.items.old); 
}, 
onAfter : function(data) { 
    highlight(data.items.visible); 
} 
}, 
}); 

Вот обновление, которое должно работать нормально при загрузке страницы и свитка: Here больше деталей о событии запуска.

var $highlight = function() { 
    var $this = $("#foo"); 

    var items = $this.triggerHandler("currentVisible");  //get all visible items 
    $this.children().removeClass("active");     // remove all .active classes 
    items.filter(":eq(1)").addClass("active");    // add .active class to n-th item 
}; 


$('#foo').carouFredSel({ 

    scroll : { 
     onAfter : $highlight 
    },  
    onCreate : $highlight 

}); 

Answer 2

пролистайте: { onAfter: $ изюминки }

решить мою проблему