CSS jQuery的活動標籤選擇

我在我的頁面上有一個導航欄，包含我想不同風格的鏈接，如果它們是最後點擊的鏈接。我建立了我的CSS是這樣的：CSS jQuery的活動標籤選擇

#nav li a.active { 
    background-color: #F2F2F2; 
    color: #000000; 
    font-weight: bold; 
}

和我在我的佈局文件jQuery腳本，看起來像這樣：

$('#nav li a').click(function() { 
    $('#nav li a.active').removeClass('active'); 
    $(this).addClass('active'); 
});

每當我點擊一個鏈接，我得到想要的效果，但僅限於下一頁加載。當下一頁加載時，我剛剛點擊的鏈接沒有.active css類。我怎樣才能讓這個類在不同的頁面之間持續存在？

來源

2012-07-20 Richard Stokes

是動態生成的頁面，例如用PHP？那麼你可以簡單地添加類服務器端。 – Thomas 2012-07-20 11:15:58

這是一個Sinatra應用程序，所以該頁面使用Ruby生成 – 2012-07-20 11:23:09

您不能通過檢查當前文件名/ URL並將其與鏈接href進行比較來添加類服務器端。肯定會比餅乾更好 – Thomas 2012-07-20 11:25:41

對於保留值，您可以使用JavaScript餅乾

下載，包括從這裏https://github.com/carhartl/jquery-cookie

插件，並添加這個JS

document.ready(function(){ 

if($.cookie("prev") != '') 
{ 
$('#'+ $.cookie("prev")).addClass('active'); 
} 

$('#nav li a').click(function() { 
    $('#nav li a.active').removeClass('active'); 
    $(this).addClass('active'); 
$.cookie("prev", $(this).attr('id')); 
}); 

});

來源

2012-07-20 11:20:20

CSS jQuery的活動標籤選擇

回答

相關問題