2014-01-28 2 views
4

어떻게 요소를 왼쪽으로 드래그하고 X 픽셀 만 드래그 할 수 있습니까?jQuery UI는 왼쪽으로 만 드래그 가능

분명히 jQuery UI Draggable을 사용합니다. JSFiddle :

..

편집을 나는

$('li').draggable({ 
    axis: 'x', 
    containment: [0,0,-250,250] 
}); 

같은 것을 시도했다 그러나 그것은 내가 원하는 것을하지 않는 http://jsfiddle.net/MJvn8/

+0

당신이 jsFiddle을 만들 수를 얻을 수 있도록하려면? – j08691

+0

예, http://jsfiddle.net/MJvn8/ – DavideR

답변

4

그것은 같은 것을 수행 할 수 있습니다 :

var startPosition = 0; 
$('li').draggable({ 
    axis: 'x', 
    start: function(event, ui) { 
     startPosition = ui.position.left; 
    }, 
    drag: function(event, ui) { 
     if(ui.position.left > startPosition) 
      ui.position.left = startPosition; 
     if(ui.position.left < -250) 
      ui.position.left = -250; 
     startPosition = ui.position.left; 
    } 
}); 

Check This Example

업데이트

은 사용자가 원래의 위치 Link

+0

@DavideR 귀하의 질문을 해결하거나 피드백을 주신 경우이 답변을 수락 한 것으로 표시하십시오. 감사합니다 – Trevor

+0

그래, 어떻게 작동합니까,하지만 다시 원래 위치로 끌 수 있습니까? – DavideR

+1

@DavideR이 예제를 살펴보십시오 http://jsfiddle.net/trevordowdle/MJvn8/16/ – Trevor

관련 문제