jquery - 子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;
   }
});