2016-07-02 2 views
0

일부 아이콘을 드래그하기 위해 jQuery UI를 사용하고 있습니다. 나는 draggable 함수를 사용하여 성공했다.드래그 한 요소의 상대적 위치 변경

하지만 이제 손가락으로 아이콘을 드래그하면 아이콘이 드래그되는 것을보고 싶었으므로 폭을 늘리기로했습니다 (큰 손가락이 있기 때문에). 나는 아이콘을 드래그 할 때

그러나이 발생합니다

$("#icon").draggable({ 
    helper: 'clone', 
    start: function(event, ui) { 
    $(ui.helper).css('width', "150%"); 
    }, 
    stop: function(event, ui) { 
    $(ui.helper).css('width', "100%"); 
    } 
}); 
+0

이해해야 할 것이 있으면^ – DionysoSong

답변

0

드래그 가능한이 cursorAt 옵션이 있습니다 :

illustrated problem

또한 정보는 여기를 드래그 이벤트에 대한 내 코드입니다

m에 상대적인 드래그 도우미의 오프셋을 설정합니다. ouse 커서. 좌표는 하나 또는 두 개의 키 조합 인 { top, left, right, bottom }을 사용하여 해시로 제공 할 수 있습니다.

처럼 사용할 수있는 어떤 :

$(".selector").draggable({ 
    cursorAt: { left: 5 } 
}); 

jQuery를 UI가 기본적으로 터치 이벤트를 지원하지 않습니다. jQuery UI Touch Punch와 함께 사용한다고 생각합니다. 희망이 작동합니다.

+0

잘 터치 이벤트 용 JQuery UI를 채택한 코드를 추가 했으므로 곧 해결책을 테스트 할 것입니다. 감사합니다 :) – DionysoSong

+0

@ guillaumekotarba 경우에 당신은 http://touchpunch.furf.com/을 확인하지 않았습니다 –

+0

좋아, 내가 좀 봐 줄 :) – DionysoSong