carouFredSel將類添加到活動幻燈片

Question

我正在嘗試向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：$亮點 }

解決了我的問題