jquery ui : draggable -> 드래그 해제 이벤트를 드래그하면?

Question

현재 프로젝트에서 버그를 수정해야하는 이상한 문제가 있습니다. 나는 무작위로 웹 페이지에 배치 된 엄지 손가락을 많이 사용하고 있습니다. 모든 엄지 손가락은 절대 위치에 있습니다. 이 엄지 손가락 JQuery와에 의해 호버 세트에 반응 :

$(".thumb").hover(
    function() { 
    $(this).stop().animate({"height": full}, "fast"); 
    $(this).css('z-index', z); 
    z++;   
    }, 
    function() { 
    $(this).stop().animate({"height": small}, "fast"); 
    } 

그렇게 호버에 그들은 특정 높이로 크기를 조정합니다. 또한 이러한 엄지 손가락은 모두 jquery ui-draggable 플러그인을 통해 드래그 할 수 있습니다.

엄지가 현재 드래그 된 경우 이러한 엄지 손가락을 놓을 수 있는지 궁금합니다.

$(".thumb").bind("dragstart", function() { 
     //$(this).draggable("disable"); 
     $(this).unbind('mouseenter mouseleave'); 
    }); 
    $(".thumb").bind("dragstop", function() { 
     //$(this).draggable("enable"); 
     $(this).bind('mouseenter mouseleave'); 
    }); 

현재로서는 작동하지 않습니다. 현재 엄지 손가락을 드래그하고있는 경우 마우스를 올리면 이벤트가 표시되지 않게됩니다. dragstop에서 호버가 다시 작동해야합니다.

어떻게하면 해결할 수 있을까요? 고마워요

Answer 1

어때 대략 mousedown과 mouseup.

$(".thumb").bind("mousedown", function() { 
    //$(this).draggable("disable"); 
    $(this).unbind('mouseenter mouseleave'); 
}); 
$(".thumb").bind("mouseup", function() { 
    //$(this).draggable("enable"); 
    $(this).bind('mouseenter mouseleave'); 
}); 

언 바인딩의 목적은 확실하지 않지만. 다른 방법이있을 수 있습니다. 어쨌든 mousedown 및 mouseup은 드래그 시작 및 중지를 트리거해야합니다.

사용자가 보통 click을 수행하면 처리기가 매번 바인딩되고 언 바운드됩니다.

Answer 2

작은 그림을 다른 그림 위로 매우 빠르게 드래그하면 마우스가 현재 축소판을 남기고 다른 축소판을 가리키게됩니다. 이것은 실제로 다소 버그가있는 효과입니다. 그래서 내가 어떻게이 문제를 해결할 수 있을지 궁금해!

내 웹 사이트 UI는 다음과 같이 작동합니다. 축소판을 맨 위에 겹쳐서 표시하면 (z- 인덱스 ++) 썸네일의 크기가 조금 더 커지고 드래그 할 수 있습니다. 그래서 현재 내 웹 페이지에 엄지 손가락 10 개가 무작위로 놓여 있고 정말 빠르게 움직이면 제대로 작동하지만 어쨌든 이미지가 너무 빨리 드래그 된 이미지가 실제로 따라 가지 않는다는 사실 때문에 다소 버그가 있다고 느낍니다. 마우스의 속도 - 그래서 호버 - 아웃이 트리거됩니다. 따라서 jquery (hover 이벤트 및 abilty 끌어 놓기) 모든 끌어서 현재 제외 된 제외한 모든 엄지 손가락을 사용하여 모든 설정을 해제하려면 싶습니다. 소리 나는 복잡하게 들린다! ;) 어쩌면 누군가 그것을 얻는다!