昨天我已经发布了这个..但是没有人回答。
我有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 代码..我做错了什么?请大家给我建议。
最佳答案
是的,正如@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>
关于javascript - 导航 CSS 样式不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31714995/