我有一些链接,当单击特定链接时,在js中调用click函数。如下所示
jQuery(document).ready(function() {
jQuery("a.music").on( \'click\', function () {
var tags = jQuery(this).attr("data-tag");
document.cookie = "tags=" + tags;
console.log(document.cookie);
location.reload();
jQuery(this).find(\'h4\').addClass("a-active");
jQuery(this).find(\'h4\').css("color","red");
});
});
问题是我必须设置cookie并在当前页面上获取此cookie,因此每次单击其他链接时,我都必须重新加载页面以获取更新cookie。但是在重新加载页面之后,我通过jquery所做的所有css或添加新类都消失了。就像它只是发生了一段时间,直到页面重新加载。如果你知道我做错了什么,请给我一个理想的答案。非常感谢。
最合适的回答,由SO网友:BlueSuiter 整理而成
我理解,您希望“a.music”在重新加载页面后保持激活状态。
为此,您可以检查cookie是否已设置,如果已将其设置为“a.music”的活动状态,则它将保持不变。
var tags = getCookie(\'tags\');
jQuery(\'a.music\').each(function(){
var dTag = jQuery(this).attr("data-tag");
if(dTag == tags)
{
jQuery(this).find(\'h4\').addClass("a-active");
jQuery(this).find(\'h4\').css("color","red");
}
});