드래그 중에 jQuery draggable helper 변경

Question

드래그 한 요소의 컨텍스트에 따라 draggable helper를 변경하려고합니다 (도우미를 변경하여 요소를 드롭 할 수 있음을 나타냄).

1. 이 함수로 도우미를 선언하고 해당 도우미를 반환 :
   나는 내 마음 속에 두 가지 생각을했다. 불행히도 함수는 드래그 시작시 한 번만 호출됩니다.

2. 끌기 이벤트에서 도우미를 변경하십시오. 가장 좋은 옵션 인 것 같습니다. 문제는

내가 뭔가를 놓치고 있습니까. 내가 특정 DOM 요소 (만 허용되는 값은 "원래" "복제"하고 함수에 도우미를 변경하는 방법을 발견하지 않는 경우, 또는이 아니다 ? 가능

당신은 드래그 이벤트에서 도우미에 액세스 할 수 있습니다

Answer 1

는 :.

$('#list').draggable({helper:'clone'}); 

$("#list").bind("drag", function(event, ui) { 
    ui.helper.css("background-color", "red"); 
}); 

UI를 매개 변수는 드래그 요소를 참조 ui.helper 현재 도우미의 인스턴스, 느릅 나무는 즉시 수정할 수 있습니다 .

Answer 2

필자의 경우 draggable은 Adobe Edge의 심볼 이었으므로 드래그 할 때 변경할 수있는 레이어 중 하나에 대해 클래스에 시드를해야했습니다. 그래서 상징이 만들어 졌을 때 나는 이것을했습니다.

이 클래스 할당은 (객체 데이터와 달리) 도우미로 복제 된 다음 드래그 가능한 내부에서이 작업을 수행 할 수 있습니다.

start: function(event, ui) { 
    $(ui.helper).find(".dragLabel").css("color", "#FF0000"); 
    ... 
},