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를의 비트, 바닥 호버 이벤트는 내가하지 않으려는 하나의 드래그하는 동안, 상단 mousedown는 해당 이미지를 클릭 할 때 메뉴를 없애는 것입니다. 마우스를 움직이면서 마우스를 움직이는 동안 마우스를 움직이지 않게 할 수있는 무언가가 필요합니다. 키를 누른 채로 드래그하면됩니다.

나는 행운을 빌어 몇 가지 시도를했는데, 누구나 제안을 했습니까?

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

는 다음 mousedown에 심지어 당신이 가져가 이벤트를 취소 할 수 있습니다 ...와 mouseUp 이벤트에 있어야합니다. 그런데 바인딩을 확인하고 바인딩을 해제하십시오.

왜 드래그 가능한 UI를 사용하지 않습니까? 과 자신을 구출하는 데 시간이 끝 노력

Answer 2

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

을 ... 저장 : 폴 루이스 + thecssninja.com 꽤 좋은, 1 스톱 솔루션/w

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