Question

考虑下面的HTML

<span id='one'>one</span>
<span id='two'>two</span>

和CSS

span {
  background-color:green;
  display: inline;
  color: white;
}

span:hover {
  background-color:red;
}

我想要的是：当鼠标悬停two时，one也会悬停，所以我使用jQuery

$('#two').hover(function (e) {
    var p = $(this).prev().trigger(e.type);
});

似乎无法正常工作。

https://jsfiddle.net/59rnyj6f/

Answer 1

为什么不在一个类中添加一个类，让我们说“伪悬停”，当#two悬停/未覆盖时，切换#one上的“伪悬停”类？

#one.pseudo-hover { background-color:red; }

$('#two').hover(function (e) {
    $("#one").addClass("pseudo-hover");
}, function (e) {
    $("#one").removeClass("pseudo-hover");
})

使用jQuery将mouseover事件传递给另一个事件

1 个答案: