大家好。
我正在使用 jquery.cycle 插件来显示图片库..
我在这个画廊中有一个导航。
我需要为导航中当前显示的图像添加类(Active)?
有指针吗?
$(function() {
var bc = $('#nav');
var $container = $("ul#slides").cycle({
fx: 'fade',
pause: 1,
before: addTitle
});
$container.children().each(function(i) { // Navigation part
$('<li><a> </a></li>').appendTo(bc).click(function() {
$container.cycle(i);
return false;
});
$("#nav li a").first().addClass("active");
});
function addTitle() {
$("#nav li a.active").removeClass("active").next().add("#nav li a").addClass("active");
}
});
谢谢
最佳答案
您是否尝试使用 activePagerClass
和 pager
选项来实现此目的?
例如:
var $container = $("ul#slides").cycle({
fx: 'fade',
activePagerClass: 'active',
pause: 1,
pager: '#nav'
});
您可以看到example here
关于jquery添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5474575/