mouseup/mousedown을 사용하지 않고 선택된 요소를 변경하십시오.

Question

페이지에 두 개의 주요 요소가 있다고 가정 해 봅시다 : 상자와 항목 목록.

상자를 클릭하고 마우스를 드래그하기 시작했습니다. 커서가 상자를 떠날 때 마우스 이동을받는 요소를 목록의 항목 중 하나로 변경 한 다음 마우스를 놓고 클릭하지 않고도 목록에서 정렬 가능한 jquery를 트리거하려고합니다.

$(document).on('mouseleave', '#box', function() { 
     $(document).mouseup(); 
     $('#listitem').mousedown(); 
}); 

$(document).on('mousedown', '#listitem', function() { 
    $(".list").sortable({ 
     create: function() { 
      alert('created'); 
     }, 
     start: function (event, ui) { 
      alert('started'); 
     }, 
     stop: function (event, ui) { 
     } 
    }); 
}); 

내가의 라인을 따라 뭔가를 시도했습니다

는 ... 그래서이 생성되고,하지만 그것은 시작 아니에요. 어떤 도움을 크게 주시면 감사하겠습니다 :)

Answer 1

상자를 컨테이너 div 안에 넣은 다음 컨테이너에서 MouseOut을 사용할 수 있습니까? 그렇게하면 컨테이너 밖으로 상자를 드래그하면 마우스가 더 이상 컨테이너 안에 있지 않게되고 MouseOut 효과가 트리거되어 원하는대로 변경할 수 있습니다.