2013-08-26 28 views
0

演示: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; 
}); 
+1

'.live()'方法已被棄用,從新的jQuery版本中移除。使用'.on()'而不是 –

回答

5

您正在使用您在發佈中發佈的jQuery版本中不存在的不推薦使用的方法。

開關從live()on()

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

請注意,如果你使用live()動態生成的元素,在on() eqvivalent接受3個參數,以利用事件代表團:

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

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

+0

甜蜜的感謝,你這麼無聊!歡呼 – KevinOrin

+3

第一個到達那裏,所有是30秒:) – Vector

6

「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; 
}); 
+0

+1,但要更優化:'jQuery(「。selected」)。removeClass(「selected」);' –

+0

@ Karl-AndréGagnon如果你想要('。selected')。removeClass(「selected」);' – Johan

+0

@ Karl-AndréGagnon - 這將會更優化,除非「selected」類是在別處使用。 – htxryan