切換課程和滑塊照片

Question

我在上課時遇到問題。

這是我的代碼：

http://jsfiddle.net/h1x52v5b/2/

我需要在Ul的第一個孩子中移除課程。 因此，我設置了：

var len=titles.length, currentItem=0; (fifth line)

至

var len=titles.length, currentItem=-1; .

類的切換效果很好，但是我的下一個代碼：

jQuery('.feauture_picture_obor').each(function(i,ele){
        if (jQuery(this).attr("data-id") == data) { jQuery(this).addClass("activeimg"); }
    })

不再工作了，如果我警告var“數據”，它會顯示樣式“未定義”。

在第一種情況下，使用currentItem = 0可以使警報正常（但仍顯示第一個“數據”）。

請問有人對此有任何解決辦法嗎？ :)。

Answer 1

感謝webtrh.cz的sysline：

jQuery(document).ready(function() {
setInterval(function() {
    var $cur = jQuery('#skola').find('li.activeli:first');
    var $next = !$cur.next().length ? jQuery('#skola').find('li:first') : $cur.next();
    var did = $next.attr('data-id');
    jQuery('#skola').find('li').removeClass('activeli');
    $next.addClass('activeli');
    jQuery('div.feauture_picture_obor').removeClass('activeimg');     
    jQuery('div.feauture_picture_obor[data-id=' + did + ']').addClass('activeimg');
}, 4000);

}）;