jQuery的如何设置活动链接CSS颜色

演示：http://jsfiddle.net/f9FDs/jQuery的如何设置活动链接CSS颜色

我怎样才能获得链接的颜色更改为活动链接（上一次单击）在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; 
});

来源

2013-08-26 KevinOrin

'.live（）'方法已被弃用，从新的jQuery版本中移除。使用'.on（）'而不是 –

您正在使用您在发布中发布的jQuery版本中不存在的不推荐使用的方法。

开关从live()到on()

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

请注意，如果你使用live()动态生成的元素，在on() eqvivalent接受3个参数，以利用事件代表团：

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

来源

2013-08-26 19:37:23 Johan

事实上：http://jsfiddle.net/davidThomas/f9FDs/2/ –

甜蜜的感谢，你这么无聊！欢呼 – KevinOrin

第一个到达那里，所有是30秒:) – Vector

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

小提琴：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; 
});

来源

2013-08-26 19:38:08 htxryan

+1，但要更优化：'jQuery（“。selected”）。removeClass（“selected”）;' –

@ Karl-AndréGagnon如果你想要（'。selected'）。removeClass（“selected”）;' – Johan

@ Karl-AndréGagnon - 这将会更优化，除非“selected”类是在别处使用。 – htxryan

jQuery的如何设置活动链接CSS颜色

回答

相关问题