移動元素horyziontally和垂直jquery ui

Question

這是我的例子惠特3元素，我只是橫向移動。 我需要水平和垂直移動我的元素。 例如，如果我有3行3個colums我需要根據本行和列動我的元素.. 幫助，請..

HTML

<ul id="sortable"> 
    <li class="ui-state-default" name="a" title="aaaa" ><div id="bbb" title="aaa">Item 1</div></li> 
    <li class="ui-state-default" id="b"><div id="bbb" title="aaa">Item 2</div></li> 
    <li class="ui-state-default" id="c">Item 3</li> 
    <li class="ui-state-default" id="d">Item 4</li> 
    <li class="ui-state-default" id="e">Item 5</li> 
</ul> 

的JavaScript

$(function() { 
    $("#sortable").sortable({ 
     revert: true, 
    }); 

    $("#draggable").draggable({ 
     connectToSortable: "#sortable", 
     helper: "clone", 
     revert: "invalid" 
    }); 

    $("ul, li").disableSelection(); 
}); 

Answer 1

我認爲這個問題涵蓋了你所問的一些答案：

• Control draggable movement in jQuery

基本上它似乎使用捕捉模式或網格模式。