jQuery UI只能向左拖动

jQuery UI只能向左拖动,jquery,jquery-ui,jquery-ui-draggable,pixels,Jquery,Jquery Ui,Jquery Ui Draggable,Pixels,如何将元素仅向左拖动且仅拖动X像素 显然,使用jQueryUI是可以拖动的 我试过类似的方法 $('li').draggable({ axis: 'x', containment: [0,0,-250,250] }); 但这并不是我想要的 编辑:JSFiddle:可以通过以下方式完成: var startPosition = 0; $('li').draggable({ axis: 'x', start: function( event, ui ) {

如何将元素仅向左拖动且仅拖动X像素

显然,使用jQueryUI是可以拖动的

我试过类似的方法

$('li').draggable({
    axis: 'x',
    containment: [0,0,-250,250]
});
但这并不是我想要的


编辑:JSFiddle:

可以通过以下方式完成:

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;
    }
});
var startPosition=0;
$('li')。可拖动({
轴:“x”,
开始:功能(事件、用户界面){
startPosition=ui.position.left;
},
拖动:函数(事件、ui){
如果(ui.position.left>startPosition)
ui.position.left=起始位置;
如果(ui.position.left<-250)
ui.position.left=-250;
startPosition=ui.position.left;
}
});

更新


为了让用户回到原来的位置,您可以创建一个JSFIDLE吗?是的,@DavideR请将此答案标记为已接受,如果它解决了您的问题或提供了反馈。谢谢,是的,但我怎么能把它拖回原来的位置呢?