jquery - 悬停时显示元素并在悬停结束时隐藏

Question

我想在#original 悬停时显示#hover，并带有淡入。当用户停止将鼠标悬停在#original 上时，#hover 应该会淡出。

我正在使用这段代码。使用它，元素在悬停时显示，但在悬停结束时它不会淡出。

$('#hover').hide();

$("#original").hover(function () {
$('#hover').fadeIn('');
});

任何帮助将不胜感激。提前致谢。

Answer 1

.hover有两个回调。

句法

.hover( handlerIn(eventObject), handlerOut(eventObject) );

描述：将两个处理程序绑定到匹配的元素，在鼠标指针进入和离开元素时执行。

$("#original").hover(function () {
  $('#hover').fadeIn();
},function () {
  $('#hover').fadeOut();
});

Official Document