li
アイテムをクリックした後。active
属性を css クラスに設定しましたli
が、別のページを転送するためのリンクがあります。アクティブなCSSが消える?これを行う方法?古い選択したliアイテムをキャッシュするためにlocalstorageを使用しました。私は解決策を見つけることができません。リフレッシュ後にアクティブなクラス設定をアクティブにする方法は? ページを更新した後にアクティブなクラスを有効にする方法は?
<script type="text/javascript">
$(document).ready(function () {
$("li").click(function () {
var id = $(this).attr("id");
console.log(id);
var selectedolditem = localStorage.getItem('selectedolditem');
if (selectedolditem != null) {
$('#' + selectedolditem).siblings().find("active").removeClass("active");
$('#' + selectedolditem).addClass("active");
localStorage.clear();
return;
}
$('#'+id).siblings().find("active").removeClass("active");
$('#' + id).addClass("active");
localStorage.setItem("selectedolditem", id);
});
});