jQuery UI只能向左拖动

戴维德

如何仅将元素拖动到左侧并且仅拖动X个像素?

显然使用jQuery UI Draggable。

我已经尝试过类似

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

但这不能满足我的要求。

编辑:JSFiddle:http : //jsfiddle.net/MJvn8/

特雷弗

可以用以下方法完成:

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;
    }
});

检查这个例子

更新资料

允许用户回到原始位置链接

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery UI可拖动:在拖动停止时获取底层元素

来自分类Dev

在可拖动的jQuery UI中拖动输入文本

来自分类Dev

拖动父级时拖动子元素-jQuery UI Draggable

来自分类Dev

使用jQuery可拖动UI使项目可拖动

来自分类Dev

在可拖动的jQuery UI中拖动输入文本

来自分类Dev

jQuery-ui可拖动错误消息

来自分类Dev

jQuery UI可拖动以调整div大小

来自分类Dev

jQuery UI拖动事件以取消单击事件

来自分类Dev

jQuery UI可排序的按住并拖动以移动

来自分类Dev

jQuery UI无法从左侧拖动到右侧

来自分类Dev

如何自动拖动元素jQuery UI

来自分类Dev

jQuery ui:上下拖动图像:像素限制

来自分类Dev

模拟双击拖动结束-jQuery UI

来自分类Dev

jQuery UI拖动事件以取消单击事件

来自分类Dev

jQuery UI可排序需要限制拖动

来自分类Dev

jQuery UI从可排序到自由拖动

来自分类Dev

jQuery UI可拖动移动版

来自分类Dev

jQuery UI div在拖放时不可拖动

来自分类Dev

Angular JQuery UI 元素的可拖动副本

来自分类Dev

Rails jQuery UI 可拖动不工作

来自分类Dev

jQuery-如何确保可拖动对象只能拖动到2个位置?

来自分类Dev

jQuery UI自动完成功能从右向左扩展

来自分类Dev

jQuery jQuery UI可拖动元素位于其他可拖动元素之下

来自分类Dev

在触摸设备上滚动jQuery UI Draggables触发拖动

来自分类Dev

jQuery UI可在Slick-slider中拖动

来自分类Dev

拖动时出现意外的边距/填充(jQuery Ui)

来自分类Dev

jQuery UI中的内存泄漏与MeteorJS可拖动吗?

来自分类Dev

jQuery UI可拖动,更改其他div的大小

来自分类Dev

在使用jQuery UI拖动之前重新定位元素