只能向左拖動jQuery UI

Question

如何將一個元素僅拖拽到左側並僅爲X像素？

顯然使用jQuery UI Draggable。

我已經試過類似

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

但它並不做我想做的..

編輯：的jsfiddle：http://jsfiddle.net/MJvn8/

Answer 1

它可以與一些做這樣的：

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