javascript – 输入另一个特定元素时停止jQuery Mouseleave事件

前端之家收集整理的这篇文章主要介绍了javascript – 输入另一个特定元素时停止jQuery Mouseleave事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

当我将鼠标滑动到另一个元素(链接)时,我需要知道如何阻止我的mouseleave事件发生.如果我没有输入特定元素,如何设置仅执行mouseleave动画的条件?

  1. $(activity_link).mouseenter(function() {
  2. $(this).siblings(".delete_place").animate({
  3. "left" : "-28px"
  4. },300);
  5. }).mouseleave(function() {
  6. $(this).siblings(".delete_place").animate({
  7. "left" : 0
  8. },300);
  9. });
最佳答案
使用event relatedTarget:

  1. $(activity_link).mouseenter(function () {
  2. $(this).siblings(".delete_place").animate({
  3. "left": "-28px"
  4. },300);
  5. }).mouseleave(function (e) {
  6. if (e.relatedTarget != myElem) { //where myElem is a HTML element
  7. $(this).siblings(".delete_place").animate({
  8. "left": 0
  9. },300);
  10. }
  11. });

猜你在找的jQuery相关文章