jQuery - 在拖動時停止懸停事件

Question

我正在創建一個拖放圖像環境，如果將鼠標懸停在圖像上方，會彈出一個小菜單。如果您點擊並拖動圖像，則可以對其進行重新排序。

我遇到的問題是，我想要在您拖動時停用懸停事件。目前，如果您拖動圖片，它會觸發您懸停的其他圖片上的所有懸停菜單。

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

應該是鼠標鬆開事件... 然後鼠標按下甚至您可以取消懸停事件。 順便查看綁定和解綁

但爲什麼不使用可拖動的UI？ 並保存自己一些時間結束精力

Answer 2

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

...救援：保羅·劉易斯+ thecssninja.com W/A相當不錯，1 - 一站式解決方案。

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