Jquery如何设置活动链接css颜色

时间:2013-08-26 19:35:17

标签: jquery css

演示:http://jsfiddle.net/f9FDs/

如何才能将链接颜色更改为CSS中指定的活动链接(最后点击)颜色?

// Active Menu Link
jQuery("#navbar-main li a").live('click', function () {
    jQuery("#navbar-main li a").removeClass("selected");
    jQuery(this).addClass("selected");
    return false;
});

2 个答案:

答案 0 :(得分:6)

“live”已弃用。改为使用“on”。

小提琴:http://jsfiddle.net/f9FDs/3/

jQuery("#navbar-main li a").on('click', function () {
    jQuery("#navbar-main li a").removeClass("selected");
    jQuery(this).addClass("selected");
    return false;
});

答案 1 :(得分:5)

您使用的是已弃用的方法,该方法在您在小提琴中发布的jQuery版本中不存在。

live()切换到on()

http://jsfiddle.net/f9FDs/4/

请注意,如果您使用live()表示动态生成的元素,on() eqvivalent需要3个参数才能使用事件委派:

jQuery("#navbar-main").on('click', 'li a', function () {