使用jQuery Cycle将类添加到body标记

时间:2012-11-06 18:48:07

标签: jquery html cycle

我想使用jQuery向body标签添加一个类。

Here is my jsFiddle File

JS

// Hover Switch
   function fnFadeHover(){$('#feature_fadeSlideshow').cycle($('#feature_fadeBtns li').index($(this).parent()));}
   function fnFadeOut(){}
   $('#feature_fadeSlideshow').cycle({ 
     fx:'fade',
     timeout:6000,
     pause:true,
     before: function(currSlideElement, nextSlideElement, options, forwardFlag){

       var slide_index = $('#feature_fadeSlideshow .panel').index(nextSlideElement);
       $('body').removeClass('slide').eq(slide_index).addClass('slide');
       $('#feature_fadeBtns li').removeClass('activePager').eq(slide_index).addClass('activePager');



     }});
   $('#feature_fadeBtns li a').hoverIntent(fnFadeHover,300,fnFadeOut);

I am using the jQuery Cycle plugin..

当我将鼠标悬停在#feature_fadeBtns li a上时,我想要做的是在body标记中添加一个类。现在它只向activePager添加了#feature_fadeBtns li类我希望它添加firstSlidesecondSlidethirdSlide的类。

这是我开始的

$('body').removeClass('slide').eq(slide_index).addClass('slide');

我做错了什么?      

1 个答案:

答案 0 :(得分:0)

我不确定我是否理解你,但这会奏效:

$('body').removeClass('slide').addClass('slide'); 

您不需要.eq()元素上的body功能。

另外,为什么要删除类幻灯片然后重新添加?这应该足够了:

$('body').addClass('slide');

了解.eq()函数here - 它是一个用于匹配指定索引处元素的过滤函数。