如何控制只拖动一侧,左侧只能通过jqueryui拖动?

时间:2011-03-17 13:08:29

标签: jquery-ui

$(".draggable").draggable({axis: 'x'});

<div class="draggable">

我只能向左侧拖动,而不是向右或向上或向下,轴:x控制我以防止向上或向下拖动,但也让我不对。感谢

1 个答案:

答案 0 :(得分:1)

我解决了这个问题,保存了之前的left偏移量,并将其与新的left偏移量进行了比较。

var previousOffset = null;

$( "#draggable" ).draggable({
  axis: 'x',
  drag: function(event,ui){
    if(previousOffset == null)
       previousOffset = ui.offset.left;
    else{
      if(previousOffset < ui.offset.left)
        return false; 
      else
        previousOffset = ui.offset.left;
    }
  }
});

这是有效的:http://jsbin.com/ubine3/2