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

jQuery UI只能向左拖动

1 个答案: