jQuery UI Sortable-子要素への転送を許可しません

Question

jQueryのUIソート可能オブジェクトを使用しており、この形式でdivのシステムを作成しました。

<div class='mainDiv'>
    <label>text: <input type='text' name='textbox' /></label>

    <div class='children'>
        <div class='mainDiv'>...</div>
        <div class='mainDiv'>...</div>
        <div class='mainDiv'>
            <label>text: <input type='text' name='textbox' /></label>
            <div class='children'>...</div>
        </div>
    </div>
</div>

divには無数の子を含めることができます。親ボックス内のすべての.mainDivをドラッグアンドドロップできるようにしたいので、これを使用しました。

$(".mainDiv").parent().sortable({items: ".mainDiv", containment: "parent"});

ただし、これにより、要素を子または兄弟の.children divにドラッグできます。私はそれを望んでいません。要素を親内にとどめるように制限したい。

ここでのヘルプはホットです。

乾杯

Answer 1

このように解決できました：

$(this).parent().sortable({
    items: '> li',
    axis: 'y',
    ...
});

あなたの場合、それは以下で動作するはずです：

items: '> .mainDiv'

包含：＆quot; parent＆quot; は必要ありません。

私の場合、「ソート可能」を有効にします。より高速であるため、前回のクリックイベント中に。 「mousedown」にバインドすると簡単だと思います。イベント。ツリーを動的に作成する場合（例：Ajax）、＆quot; livequery＆quot;を使用することをお勧めします。