Javascript 切换类和滑块照片

Javascript 切换类和滑块照片,javascript,jquery,Javascript,Jquery,我在上课时有个问题 这是我的代码: http://jsfiddle.net/h1x52v5b/2/ 我需要取消Ul第一个孩子的课程。因此,我设立: var len=titles.length, currentItem=0; (fifth line) 到 Toogling类运行良好,但我的下一个代码: jQuery('.feauture_picture_obor').each(function(i,ele){ if (jQuery(this).attr("data-id") ==

我在上课时有个问题

这是我的代码:

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

我需要取消Ul第一个孩子的课程。因此,我设立:

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

Toogling类运行良好,但我的下一个代码:

jQuery('.feauture_picture_obor').each(function(i,ele){
        if (jQuery(this).attr("data-id") == data) { jQuery(this).addClass("activeimg"); }
    })
不再工作,如果我提醒var“data”,它将显示样式“undefined”

在第一种情况下,当currentItem=0时,警报正常(但仍显示第一个“数据”)


请问有人对此有任何修复吗?:)

感谢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);

}))

如果将currentIndex更改为-1,
标题[currentItem]
将是未定义的,因此toggleClass第7行将不会执行任何操作。是的,它执行了,您编写了什么。但我怎样才能找到无序列表中第一个元素的clas呢?(对不起,我是jQuery初学者,英语说得不好)。要想做你想做的事,我想你可以添加
jQuery(titles[0])。toggleClass('activeli')showttitle
之前的代码>。类似这样的东西:巴厘岛,谢谢你的回复,但我测试了它,仍然显示“未定义”。代码的工作原理和我对currentItem使用-1时一样。它在哪里显示未定义?你能准确地发送你用来获取它的代码吗?
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);