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;

显然没有删除该类，因为它现在处于活动状态，只是想知道我是否能够删除该类？

Answer 1

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

尝试：

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

它会保留活动课程，但也会添加您的活动编号。请注意，在幻灯片的多次迭代中，它将继续添加活动数字，以便元素可以开始分配许多活动数字类：如active-1 active-4 active-12。

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

自定义nivo滑块jQuery

1 个答案: