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

我有这个：

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

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

点击
$（'#hasHover'）。悬停（函数（）{
$（“内部按钮”）.toggle（）；
});

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

$（“#hasHover”）。悬停（函数（e）{/检查目标id

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

#hasHover:hover div{display:block}
@undefined我试过了，当我放置
display:block！important
时它就工作了。如果我不放置important，它就不工作了。为什么呢？@undefined哦，我明白了。我在它之后放置了
display:none
。你的意思是
id=='hasHover'
？它仍然闪烁，虽然没有那么频繁。我不确定是否有更好的切换解决方案按钮？很奇怪，在fiddle中它工作得很好…在我的网站上它闪烁。可能有其他一些风格影响它。。。
$('#hasHover').hover(function(e) {
   if(e.target.id = "hasHover") {
      $('inner-button').toggle();
   return false;
   }else {
    return false;
   }
});