如何检查jQuery中的悬停状态？

Question

$('#shfaq_foto_prof').hover(
  function() {
      if ($('#shfaq_foto_prof').is(':hover'))  {
  $('#show_upload').fadeIn( 500 );
      } else {
          $('#show_upload').fadeOut( 500 );
          }
});

如何检查jQuery中的悬停状态并仅在div“#shfaq_foto_prof”悬停时显示div'#show_upload'，并在不悬停时隐藏。

Answer 1

$('#shfaq_foto_prof').hover(

  function() {

     $('#show_upload').fadeIn(500);

  }, function(){

     $('#show_upload').fadeOut(500);

});

文档：http://api.jquery.com/hover/

如规范中所述，.hover()支持2位处理程序（inHandler，outHandler）。

Answer 2

$('#shfaq_foto_prof').hover(function() {
    $('#show_upload').fadeToggle(500);
}