Javascript: onmouseover не запускается более одного раза

Question

имеет функцию, которая называется onmouseover, которая анимирует элемент, который был засунут вниз, после того, как мышь переместилась за пределы области, которую элемент занял, анимирует элемент резервного копирования. Функция работает нормально, но работает только один раз. Поэтому, если я навешиваю второй раз, функция не запускается. Я должен обновить страницу, чтобы функция снова запускалась. Любая помощь будет оценена.

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

Вы отменяя в mouseover от элемента, не mousemove от document

Попробуйте с:

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'); 
     } 
    }); 
}