jquery添加类

标签 jquery jquery-cycle

大家好。

我正在使用 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>&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");
    }
});

谢谢

最佳答案

您是否尝试使用 activePagerClasspager 选项来实现此目的?

例如:

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

您可以看到example here

关于jquery添加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5474575/

相关文章:

javascript - 使用 JS/jQuery 获取 html 表单输出

jquery - 从多个 html 元素中删除 css 类

jQuery 循环 - 用鼠标滚轮控制? (如何防止鼠标滚轮不断循环?)

javascript - Jquery 循环和 Ajax 字幕

javascript - 如何在 JavaScript 中使用其函数之外的值?

javascript - 替换数据属性html

jQuery 循环似乎正在调整我的元素的高度

javascript - 当数据少于 3 个值时,AMCharts 系列不出现的问题

jquery - 需要修改 JQuery Cycle updateActivePagerLink 选项