jQuery-在拖动时停止悬停事件

我正在创建一个拖放图像环境，如果你将鼠标悬停在一个图像上，它上面会弹出一个小菜单。如果单击并拖动图像，可以对其重新排序

我遇到的问题是，我希望在拖动时禁用悬停事件。当前，如果拖动图像，它会触发您悬停在其上的其他图像上的所有悬停菜单

$('ul.imglist li').mousedown(
  function() { 
    $(this).find('ul')
      .fadeOut(100); 
  });

// Image actions menu
$('ul.imglist li').hover(
  function() { 
    $(this).find('ul')
      .css('display', 'none')
      .fadeIn('fast')
      .css('display', 'block');
  },
  function() { 
    $(this).find('ul')
      .fadeOut(100); 
  });   

我这里有一点jQuery，底部的悬停事件是我想在拖动时禁用的，顶部的鼠标向下是当你点击图像时，菜单中的内容。我需要的东西，将禁用悬停，而移动鼠标周围，与键仍然按下（拖动）

---

我尝试了几件事，但运气不佳，有人有什么建议吗？

有数百种方法

    // Image actions menu
$('ul.imglist li').hover(
  function() { 
    $(this).find('ul')
      .css('display', 'none')
      .fadeIn('fast')
      .css('display', 'block');
  },
  function() { 
    $(this).find('ul')
      .fadeOut(100); 
  }); 

应该在mouseup事件中。。。 然后在mousedown上甚至可以取消悬停事件。 顺便说一下，查一下装订和解装订

但是为什么不使用可拖动的ui呢？ 为自己节省一些时间和精力

.hover-off {
  pointer-events: none;
}

…拯救：保罗·刘易斯+Theccssninja.com w/一个相当不错的一站式解决方案