自定义 nivo 滑块 jQuery

Question

我需要稍微修改一下这个脚本；

  //Changed this
    $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active');
      //To this
    $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass(function (p) {return 'active-'+ (p+1);});

    $('.nivo-controlNav a', slider).live('click', function(){
        if(vars.running) return false;
        if($(this).hasClass('active')) return false;
        clearInterval(timer);
        timer = '';
        slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat');
        vars.currentSlide = $(this).attr('rel') - 1;
        nivoRun(slider, kids, settings, 'control');
    });
}

增加了-(当前计数) E.G. active-1、active-2 等。

问题是每当我尝试修改类的删除时，我似乎无法让它工作？

对不起，jQuery 新手，任何帮助都会很棒。

非常感谢

----编辑----

我的第一个活动链接可以正常工作

$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass(function (p) {return 'active-'+ (p+1);});

就是这样

if($(this).hasClass('active')) return false;

显然没有删除该类，因为它现在是 active-1 等...只是想知道我是否能够删除该类？

Answer 1

这背后的原因是因为它在脚本的各个部分和 CSS 中引用了“活动”类

试试：

$('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass(function (p) {return 'active active-'+ (p+1);});

它会保留活跃的班级，但也会添加您的活跃号码。请注意，在幻灯片的多次迭代中，它将继续添加 active-number，以便元素可以开始分配许多 active-number 类：例如 active-1 active-4 active-12。

是否有理由将数字添加到活动项目？您需要编写 css 或 JS 来支持从 0 到非常高的数字。