我想在当前li
or上添加一个类image
,但我看不到任何选项。
有谁知道怎么做?
这就是我所说的:
$(".slider-view").easySlider({
auto: true,
continuous: true,
speed: 1000,
pause: 5000
});
我想在当前li
or上添加一个类image
,但我看不到任何选项。
有谁知道怎么做?
这就是我所说的:
$(".slider-view").easySlider({
auto: true,
continuous: true,
speed: 1000,
pause: 5000
});
要将类添加到 jquery 中的当前项目,您可以使用以下代码:
$(this).addClass()
根据easySlider 插件的文档,没有向当前项目添加自定义类的选项。当滑块处于活动状态时,您应该检查您的 HTML(使用浏览器的开发人员工具),并查看插件添加到当前项目的类。
然后,您可以像这样添加自定义类:
// Replace .easySliderClassName with the active class you find in the HTML
$(".easySliderClassName").addClass('.your-class');
你可以试试下面的代码。
$(".slider-view").easySlider({
auto: true,
continuous: true,
speed: 1000,
pause: 5000
}).addClass('someClass');
我认为将其添加到easySlider
插件中是对源代码的一个非常小的更改。看过之后,它确实是一个非常简单/剥离的裸插件,还有更多可用的东西提供常见的东西,例如回调等。
虽然,在插件的adjust()
方法中添加:
$("ul li", obj).removeClass('current-slide').eq(t+1).addClass('current-slide');
为了让它像下面一样位于调整函数的末尾,这将.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/