我的javascript函数只有在我硬刷新页面后才能工作

我知道关于同一个问题有多个问题，但我在其中任何一个问题上都找不到答案。我正在使用javascript激活其他元素上的悬停。javascript代码工作正常，但只有在我硬刷新页面（CTRL+R）后才能工作。如果我正常进入页面，它将无法工作

JS:

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

$（函数（）{
$（'#faqBg'）。悬停（函数（）{
$（'#spanContainer'）.css（'background'，'rgb（0,0,0,0.6'）；
}，函数（）{
//在鼠标移出时，重置背景颜色
$（'#spanContainer'）.css（'background'，''）；
});
})；

。图像包装器{
位置：相对位置；
}
#常见问题
背景：线性梯度（-45度，rgba（0,0,0,5），rgba（0,0,0,5）），url(https://images.pexels.com/photos/1239162/pexels-photo-1239162.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);
填充：60px 0px；
显示：块；
背景尺寸：封面；
背景重复：无重复；
}
#斯潘容器{
颜色：#fff；
宽度：100%；
文本对齐：居中；
填充：20px 0px；
}

悬停触发器

发生这种情况是因为缓存

加载时向javascript文件添加版本：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

在每次要查看的更改上增加

v

参数。 如果页面是动态生成的，则可以将时间戳值设置为

v

，具体取决于您使用的后端语言

另一个解决方案是使用这些元标记：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

改用CSS：

 #faqBg:hover #spanContainer { 
       background: rgba(0,0,0,0.6);
 }

---

代码中的javascript函数包含样式更改，这将在硬刷新后反映出来

---

您能否确认是否有其他JS函数（没有样式更改的函数）与您提到的相同。

我使用Chrome[Version 71.0.3578.98（官方版本）（64位）]而且效果很好：为什么你要用JS来触发悬停？为什么不简单地使用CSS？你尝试过CSS吗？当你登陆页面时，它可以工作，但是你可以导航到其他页面然后返回faq，它就不起作用了。为什么你要做CSS可以自己完美处理的事情，首先使用JavaScript？

#faqBg:hover#spanContainer{/*像你的法国女孩一样格式化我*/}

@Davashish我没有，我没有使用css的运气，无法让它工作，所以我使用了jQuery。谢谢@Andrei，我尝试了它，但没有成功。这个应用程序正在React上运行，所以这可能是这个答案不起作用的原因。那么，你的React应用程序没有更新吗？问题实际上与缓存有关。这就是为什么你在硬加载页面时会工作的原因。但是哟你可以从React将meta标记放在index.html中。是吗？是的，这是唯一一个出现此问题的页面，我使用相同的javascript触发主页上的悬停，在那里一切正常。我添加了你提供的meta标记以及？v=1，但它是相同的。嘿@devash。是的，使用CSS帮助，它不需要硬引用嘘，谢谢！！！