Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 活动链接不';t显示刷新页面或从其他页面单击同一链接时添加的类名_Javascript_Jquery - Fatal编程技术网

Javascript 活动链接不';t显示刷新页面或从其他页面单击同一链接时添加的类名

Javascript 活动链接不';t显示刷新页面或从其他页面单击同一链接时添加的类名,javascript,jquery,Javascript,Jquery,脚本: CSS: 每当我进行页面刷新时,如果同一链接位于不同的页面上,则活动类将不再应用于该链接 实际例子 我有以下导航链接A B C D E F G H。。。。Z.主页(标题部分)中有相同的导航。。所以当我点击任何一个链接。。当我到达任何一个A B C D E…或Z页面时,它需要处于活动状态。即使在页面刷新时,它也需要保留活动链接。希望这能解释……并帮助:) 任何帮助、输入和解决方案都将不胜感激。一个类或任何您用JavaScript添加的内容不会在页面刷新时持久存在。这就是它的工作原理 Jav

脚本:

CSS:

每当我进行页面刷新时,如果同一链接位于不同的页面上,则活动类将不再应用于该链接

实际例子 我有以下导航链接A B C D E F G H。。。。Z.主页(标题部分)中有相同的导航。。所以当我点击任何一个链接。。当我到达任何一个A B C D E…或Z页面时,它需要处于活动状态。即使在页面刷新时,它也需要保留活动链接。希望这能解释……并帮助:)


任何帮助、输入和解决方案都将不胜感激。

一个类或任何您用JavaScript添加的内容不会在页面刷新时持久存在。这就是它的工作原理

JavaScript只是修改本地加载的HTML元素和结构。刷新页面或转到其他页面后,传入页面加载将清除所有该状态。服务器不知道您在该页面上所做的任何事情。它将发送一个默认状态的新页面,然后任何JavaScript都将运行。此脚本也不知道以前的任何页面加载或脚本执行

如果希望状态在页面加载过程中保持不变,则需要在服务器端执行此操作,这涉及到对服务器进行AJAX调用,让服务器知道要“激活”哪些链接,然后服务器将负责在后续页面加载过程中添加该类。

在每个循环中,这实际上是锚定标记,而不是具有类“classname”的标记。您的css应该是:

.classname li a.active{color:#ef9223;}
此外,如果此代码在页面加载时运行,则不需要remove类


以这个JSFIDLE为例-

你想/在这里做什么,看起来很奇怪,很复杂。我已经读了你的问题两遍,我仍然不确定你的意思。你能编辑你的问题并更好地解释你自己吗?实际例子我有以下导航链接A B C D E F G H。。。。Z.主页(标题部分)中有相同的导航。。所以当我点击任何一个链接。。当我到达任何一个A B C D E…或Z页面时,它需要处于活动状态。即使在页面刷新时,它也需要保留活动链接。希望这能解释…并有帮助:)我们能得到你的HTML样本吗?这会有帮助。这是你的HTML,还是你的代码基于的HTML?粘贴的javascript与该链接的HTML不匹配。
.classname li a.active{color:#ef9223;}
同样有效。但是你删除类名是正确的:这是不必要的。我同意..这就是目前的情况。。但在页面刷新。。活动链接消失。实际示例我有以下导航链接A B C D E F G H。。。。Z.主页(标题部分)中有相同的导航。。所以当我点击任何一个链接。。当我到达任何一个A B C D E…或Z页面时,它需要处于活动状态。即使在页面刷新时,它也需要保留活动链接。希望这能解释……并帮助:)
.classname li a.active{color:#ef9223;}
.active {color:#ef9223;}