我有一个名为<div>.right-search,我为其编写了以下:hover选择器以更改<div>的背景:

.right-search:hover{
  background:#eab63e;
}


即使在jQuery中,同一元素也是.click()的目标。单击处理程序将显示一些初始设置为display:none的隐藏材料,在此期间更改right-search的z索引。然后我重置为100的初始z-index

奇怪的是,在事件触发之前,hover效果可以完美发挥作用。之后,即使将所有数据都设置为其初始值,也无法正常工作。

如果您尝试单击顶部导航右侧的“ EN”,则再次单击后将看到我的意思:

https://jsfiddle.net/k8zxkntt/6/

最佳答案

您正在将CSS背景设置为内联颜色,它将覆盖CSS。让您的else删除背景色:

else{
  // Set the background to '' instead of a forced colour:
  $('.right-search').css('background','');
  first_trans_click = true;
  $('.right-search').css('z-index','100');
}


https://jsfiddle.net/k8zxkntt/7/

关于javascript - :hover select在我在jQuery中重置元素的z-index后停止工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30133625/

10-12 12:30
查看更多