jqueryuiでドラッグするだけで、どのようにサイドだけをドラッグしてコントロールするのですか？

Question

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

<div class="draggable"> 

私は左または右にドラッグすることができますが、右または上または下ではありません。軸：xは、上下にドラッグしないように制御しますが、正しくはできません。ありがとう

Answer 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