鼠标在div上时如何触发悬停

Question

我有这个：

<div id='hasHover'>
  <div id='inner-button' style='display:none'>Click</div>
</div>

$('#hasHover').hover(function(){
  $('inner-button').toggle();
});

这很好用。但是，当我将鼠标移动到按钮时，按钮会消失（或闪烁非常快）。当鼠标悬停在div（包括子div）上时如何确保按钮保持不变？

Answer 1

$('#hasHover').hover(function(e) { // <-- Create event argument
  if(e.target.id == "hasHover") { // <-- Check the ID of the div on which event fired
     $('#inner-button').toggle(); // <-- You missed # here
     return false;
  }
  else {
     return false;
  }
});

Answer 2

检查目标ID

$('#hasHover').hover(function(e) {
   if(e.target.id = "hasHover") {
      $('inner-button').toggle();
   return false;
   }else {
    return false;
   }
});