导航 CSS 样式不起作用

Question

昨天我已经发布了这个..但是没有人回答。

我有jsfiddle 这段代码..我想在导航按钮处于活动状态时为它着色..它在这里工作..但是当我把这个jsfiddle代码放到我的项目中时，它是彩色的，直到页面加载，然后它会变成以前的颜色。如果我使用 # 然后它正在工作..

在我的代码中我有

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>

  $(document).ready(function(e) {   
        $("ul li a").click(function(){
            $("ul li a").removeClass("active");
            $(this).addClass("active");
        });
    });

</script>

还有 jsfiddle html 和 css 代码..我做错了什么？请大家给我建议。

Answer 1

是的，正如@Arun 对您的问题发表的评论一样。 javascript 操作仅适用于您当前所在的 DOM 元素。

但您的解决方案是通过jquery cookie。您可以将单击的元素保存在 jquerycookie 上，并可以在下一页检索。详情请阅读jquerycookie usage

更新：如果你的链接是<a href="/blog.php">x</a>，试试这个jQuery('a[href="' + this.location.pathname + '"]').addClass('active');

如果您的链接是<a href="https://www.absolutepath.com/blog.html">x</a>，请尝试jQuery('a[href="' + this.location.href + '"]').addClass('active');