移動要素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

Iこの質問はあなたが求めているものに対するいくつかの答えをカバーしていると思う：

• Control draggable movement in jQuery

基本的には、スナップモードまたはグリッドモードのいずれかを使用しているようです。