javascript - 导航 CSS 样式不起作用

Question

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

我有jsfiddle这段代码..我想在导航按钮处于事件状态时给它上色..它在这里工作..但是当我把这个jsfiddle代码放到我的元素中时它是彩色的直到页面加载，然后它会变成以前的颜色.if我使用 # 然后它正在工作..

在我的代码中有

<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

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

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