Jquery悬停不会显示警报

Question

我正在使用此代码,但它没有显示警报;

$(document).ready(function() {
    $(".one").hover( 
        alert("hello");
    });
});

我究竟做错了什么？

Answer 1

你在那里缺少一个函数声明。hover接受一个函数（或两个函数）作为参数。将您的代码更改为：

$(".one").hover( function () {
  alert("hello");
}, function() {
  alert("And we're out");
});

第一个函数用于当您将鼠标悬停在 上时发生的操作.one。第二个是当您将鼠标悬停在 之外时.one。你也可以这样做：

$(".one").hover(inWeGo, outWeCome);

function inWeGo() {
  alert("hello");
}

function outWeCome() {
  alert("And we're out");
}

您还可以使用mouseover和mouseout事件：

$(".one").on({
  "mouseover" : inWeGo,
  "mouseout" : outWeCome
});

hover是这两种方法的简写。

文档中的更多信息：

• hover()： http: //api.jquery.com/hover/
• mouseover()： http: //api.jquery.com/mouseover/
• mouseout()： http: //api.jquery.com/mouseout/

Answer 2

$(".one").hover(function() {
    alert("hello");
});