jQuery假元素悬停状态

Question

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

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

我无法为此编写测试，因此#target元素具有悬停状态。我试图触发鼠标事件序列，鼠标悬停，mousedown，mouseup，click等， 但if语句仍然返回false。有没有办法可以设置元素悬停状态？

Answer 1

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

看看这个例子：

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;