如何使用本地存儲重新加載後使用addeclass？

當有人點擊它時，我得到了這個腳本添加到某些「li」的類「activeyo」。鏈接實現了同一個頁面，但是在頁面重新加載後，添加的類不見了。我readed這樣的：https://developer.mozilla.org/en-US/docs/DOM/Storage這Remembering jQuery tab position after page reloads 如何使用本地存儲重新加載後使用addeclass？

，但我不能明白如何正確地使用本地存儲，所以我可以在裏的，即使重裝後正確CSS。

$(document).ready(function() { 
$('#alpha_ul li a ').click(function() { 
$('#alpha_ul li a ').removeClass("activeyo"); 
$(this).addClass("activeyo"); 
});    
});

試過代碼：

function yo(alpha) { 
$('#alpha_ul li a ').removeClass("activeyo"); 
alpha.addClass("activeyo"); 

}   
$("#alpha_ul li a").click(function() { 
      if (localStorage) localStorage['alpha'] = $(this).closest('li').index(); 
      yo($(this)); 
     });  

});

上面的代碼不正是代碼的第一塊一樣。刷新後的類被刪除。

來源

2014-12-23 IseNgaRt

有你甚至嘗試過嗎？ – Shomz

是否嘗試使用本地存儲 –

嘗試過此操作： $（「a #alpha_ul」）。click（function（）{if（localStorage）localStorage ['＃alpha_ul'] = $（this）.closest（'li' ）.index（）; activate（$（this））; }）; – IseNgaRt

你是如此接近你的榜樣，你忘了我們該做的是從本地存儲設置類在頁面加載：

function yo(alpha) { 
    $('#alpha_ul li a ').removeClass("activeyo"); 
    alpha.addClass("activeyo"); 
}   

$("#alpha_ul li a").click(function() { 
      if (localStorage) localStorage['alpha'] = $(this).closest('li').index(); 
      yo($(this)); 
     });  
}); 

// this is what you need 
if (localStorage && localStorage.alpha) { 
    yo($("#alpha_ul li").eq(localStorage.alpha)); 
}

來源

2014-12-24 02:50:18 Shomz

這是完美的工作謝謝！ – IseNgaRt

localStorage.someProp = 'azaza'; // you can add someting to it 
localStorage.removeItem('someProp'); // and you can remove something.

就是這樣。不確定CSS類如何與問題相關聯。 localStorage是全球性的。通過頁面重新加載保存localStorage的狀態。所以，如果你

localStorage.someProp = 'azaza';

，然後重新加載該頁面基本上你仍然將不得不

var someValue = localStorage.someProp;

對這些數據的訪問。然後，你可以做任何你想要與價值。

來源

2014-12-23 13:56:44

如何使用本地存儲重新加載後使用addeclass？

回答

相關問題