jQuery UI只能向左拖动
如何将元素仅向左拖动且仅拖动X像素 显然,使用jQueryUI是可以拖动的 我试过类似的方法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 ) {
$('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请将此答案标记为已接受,如果它解决了您的问题或提供了反馈。谢谢,是的,但我怎么能把它拖回原来的位置呢?