JQuery - stop hover event while dragging

Question

I create an environment for dragging and dropping images, where if you hover over an image, a small menu displays the upper part above it. if you click and drag the image, you can reorder.

The problem I am facing is that I want the freeze event to be disabled when you drag it. Currently, if you drag an image around it, it launches all the hover menus on the other images you hover.

$('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, - , , - , , . -, , ().

, - ?

Answer 1

.

    // 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? .

Answer 2

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

... : Paul Lewis + thecssninja.com 1- .

http://www.thecssninja.com/css/pointer-events-60fps