JQuery UI : 드래그 앤 드롭으로 마우스 오버 이벤트가 비활성화됩니까?

Question

JQuery 및 JQuery UI를 사용하여 mouseover 이벤트와 드래그 앤 드롭을 모두 수행하려고합니다.

현재 작동하는 프로토 타입은 다음과 같습니다. http://dan.taeyounglee.com/othersites/m-p/ch18.php.

이미지에서 마우스를 움직이면 왼쪽의 삽화에 연결된 호버 이벤트를 통해 별도의 해당 div가 숨김/표시됩니다. 이것은 잘 작동합니다. 그러나 일단 작품을 점선으로 끌어다 놓으면 호버가 더 이상 작동하지 않습니다.

$(".artwork").hover(function() {  
    var hoverid = $(this).attr('id'); 
    var hovernum = hoverid.split("img")[1]; 
    $('.explanation').hide(); 
    $("#explanation" + hovernum).show(); 
}, 
function() { 
    $('.explanation').hide(); 
}); 

JQuery와 UI에 뭔가가 호버 효과를 비활성화 것 같다 :

여기에 호버 코드는? 이 문제를 해결하는 방법을 잘 모르겠습니다. 마우스 오버/마우스 스타트를 사용해 보았습니다. 그것은 동일합니다.

아이디어가 있으십니까? 감사!

Answer 1

이벤트를 삭제 한 후에 개체에 이벤트를 다시 할당해야합니다.

드래그 앤 드롭은 이전 개체를 제거하고 새 개체에 복제본을 넣는 것일 수 있습니다. 같은 요소를 유지하는 것이 아닙니다.

FF3의 콘솔을 사용하여 테스트 한 결과 작동합니다. 마지막 드래그 또는 드롭 이벤트에서 호출 할 수있는 메서드에 해당 논리를 배치합니다.