Keep js after reload the page

时间:2016-10-17 作者:Yoona

我有一些链接,当单击特定链接时,在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或添加新类都消失了。就像它只是发生了一段时间,直到页面重新加载。如果你知道我做错了什么,请给我一个理想的答案。非常感谢。

1 个回复
最合适的回答,由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");
    }
});

相关推荐

如何在Functions.php中链接style.css

我是WordPress的新手;我刚开始学习WordPress。我想把风格联系起来。函数中的css。php,但我无法解决这里可能存在的问题。谁能给我指出正确的方向吗?指数php<?php get_header(); ?> <?php if ( have_posts() ) { while ( have_posts() ) { the_post();