jQuery 假元素悬停状态

Question

我有一个元素，当鼠标悬停在它上面时会显示另一个元素。我正在做类似的事情:

if ($("#target").is(":hover")) {
  //show other element
}

我无法为此编写测试，所以#target 元素具有悬停状态。我试图触发一系列鼠标事件，mouseover、mousedown、mouseup、click 等，但是那个 if 语句仍然返回 false。有没有一种方法可以设置元素悬停状态？

Answer 1

我不知道您是否需要使用 jQuery，但我认为您可以尝试使用仅使用 css 的解决方案来获得相同的结果。

看这个例子:

.shown-on-hover {
  display: none;
}

.some-class:hover  .shown-on-hover {
  display: block;
}

<div class="some-class">
Here some content always visible
  <div class="shown-on-hover">Some content</div>
</div>