如何使用本地存储重新加载后使用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？

回答

相关问题