导航CSS样式不工作

navigation css style is not working

本文关键字：工作 样式 CSS 导航      更新时间：2023-09-26

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

我很喜欢这段代码..我想颜色导航按钮时，它是活跃的..它在这里工作..但是当我把这个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代码…我做错了什么?

是的，正如@Arun对你的问题的评论。

但你的解决方案是通过jquery cookie。你可以把你点击的元素保存在jquerycookie上，并可以在下一页检索。详情请参阅jquerycookie用法

Update:如果您的链接是<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');

相关文章：