如何将类添加到当前li或图像?

时间:2014-01-17 10:28:13

标签: jquery jquery-plugins easyslider

我想在当前liimage上添加一个类,但我看不到任何选项。

任何人都知道怎么做?

这就是我所说的:

$(".slider-view").easySlider({
        auto: true,
        continuous: true,
        speed: 1000,
        pause: 5000
}); 

5 个答案:

答案 0 :(得分:1)

要在jquery中将类添加到当前项,可以使用以下代码:

$(this).addClass()

答案 1 :(得分:0)

使用jQuery .addClass()

试试这个:

$('li').addClass('slider-view');

More info

答案 2 :(得分:0)

您可以尝试以下代码。

$(".slider-view").easySlider({
        auto: true,
        continuous: true,
        speed: 1000,
        pause: 5000
}).addClass('someClass');

答案 3 :(得分:0)

根据documentation for the easySlider plugin,没有选项可以向当前项添加自定义类。在滑块处于活动状态时,您应该检查HTML(使用浏览器的开发人员工具),并查看插件添加到当前项目的类。

然后您可以像这样添加自定义类:

// Replace .easySliderClassName with the active class you find in the HTML
$(".easySliderClassName").addClass('.your-class');

答案 4 :(得分:0)

我认为将此代码添加到easySlider插件中的源代码变化非常小。看了之后,真的是一个非常简单/剥离的裸插件,有更多可用的东西可以提供常见的东西,如回调等。

虽然,在插件的adjust()方法中添加:

$("ul li", obj).removeClass('current-slide').eq(t+1).addClass('current-slide');

为了让它在adjust函数的末尾如下所示,这将在调用下一张幻灯片之前删除任何.current-slide类,然后重新应用。

function adjust(){

     clickable = true;

     /** 
      *  Where `t` is the current slide index. 
      *  and obj refers to $(this) (The .easySlider ojb)
     **/
     $("ul li", obj).removeClass('current-slide')
                    .eq(t+1)
                    .addClass('current-slide');

     if(options.numeric) 
          setCurrent(t);
};

演示小提琴http://jsfiddle.net/864DZ/