jquery添加类

时间:2011-03-29 14:55:12

标签: jquery jquery-cycle

Helo人。,

我正在使用jquery.cycle插件来显示图库..

我在这个图库中有导航。

我需要在导航中为当前显示的图像添加类(活动)吗?

任何指针?

$(function() {
    var bc = $('#nav');
    var $container = $("ul#slides").cycle({
        fx: 'fade',
        pause: 1,
        before: addTitle
    });

    $container.children().each(function(i) { //    Navigation part
        $('<li><a>&nbsp;</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");
    }
});

谢谢

1 个答案:

答案 0 :(得分:4)

您是否尝试使用activePagerClasspager选项?

对于考试:

var $container = $("ul#slides").cycle({
    fx: 'fade',
    activePagerClass: 'active',
    pause: 1,
    pager: '#nav'
});

您可以看到example here