Javascript：onmouseoverが1回以上トリガされない

Question

は、マウスが一度要素が取り上げられた領域の外に移動すると、要素を元に戻してアニメーション化するonmouseoverと呼ばれる関数を持っています。この関数は正常に動作しますが、1回だけ動作します。だから私はmouseover 2回目の機能はトリガされません。私は関数を再びトリガーするためにページを更新する必要があります。いかなる援助も感謝します。

HTML：

Javascriptを：

function slideDown(item) { 
    $(item).animate({ 
     top: '-100%' 
    }, 250, 'easeInOutCubic'); 
    $(document).mousemove(function (e) { 
     if (e.pageX < $(item).offset().left || e.pageX > ($(item).offset().left + $(item).width()) || e.pageY < $(item).offset().top || e.pageY > ($(item).offset().top + $(item).height())) { 
      $(item).animate({ 
       top: '-200%' 
      }, 250, 'easeInOutCubic'); 
     } 
    }); 
}; 

Answer 1

あなたがしてみませんmousemovedocument

から、要素からmouseoverのバインドを解除されています

function slideDown(item) { 
    $item = $(item); 
    $item.animate({ 
     top: '-100%' 
    }, 250, 'easeInOutCubic'); 

    $(document).mousemove(function (e) { 
     var offset = $item.offset(), 
      width = $item.width(), 
      height= $item.height(); 

     if (e.pageX < offset.left || e.pageX > (offset.left + width) || e.pageY < offset.top || e.pageY > (offset.top + height)) { 

      $(document).unbind("mousemove"); 

      $item.animate({ 
       top: '-200%' 
      }, 250, 'easeInOutCubic'); 
     } 
    }); 
}