CSS

Question

目前，我正在学习如何用javascript和jquery编写。我写了一个简单的jquery代码，当你悬停一个div时，第二个div也会被徘徊。但是，我写的代码不起作用。我的知识不足以解决我自己犯的错误，这就是为什么如果有人可以帮助我，我会非常感激。

PS：我知道只能用CSS完成，但我对此不感兴趣。

我的代码：

??

@warn_unused_result
public func ??<T>(optional: T?, @autoclosure defaultValue: () throws -> T) rethrows -> T

@warn_unused_result
public func ??<T>(optional: T?, @autoclosure defaultValue: () throws -> T?) rethrows -> T?

$('.Box1').mouseover(function(e) {
    $('.Box2').trigger(e.type);
})

Answer 1

你只需要“伪造”悬停事件。获取您将附加到.Box2：hover css的任何代码并将其分配给类。当您将鼠标悬停在.Box1上时，将该类添加到.Box2，当您将鼠标悬停时，请删除该类。代码如下所示：

<强> Working Demo

CSS

check

的jQuery

.Box2{
  position:absolute;
  top:10vh;
  width:100vw;
  height:20vw;
  background-color:red;
  transition: background-color 1s ease;
}

.Box2:hover, .Box2.hovered {
  background-color: #FFF;
}

Answer 2

您的代码确实触发了Box2的鼠标悬停事件 - 您可以通过添加处理程序来测试它：

$('.Box2').mouseover(function() {console.log('hello')})

但是，这不会激活Box2的css：hover属性（如果已定义）。您可能需要为Box2的鼠标悬停事件编写处理程序，以处理css属性。

悬停在另一个div上时触发悬停效果

2 个答案:

CSS

的jQuery