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

更新：如果您的链接为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>

导航css样式不起作用

1 个答案: