0

私は次のHTML構造を持っています:

<div id='tiles'>

    <div class='slot'>
         <span class='slotNum'>1</span>
         <div class='tile'></div>
    </div>   

    <div class='slot'>
         <span class='slotNum'>2</span>
         <div class='tile'></div>
    </div>    

    <div class='slot'>
        <span class='slotNum'>3</span>
        <div class='tile'></div>
    </div>    

</div>

スロット間のタイルを並べ替えられるようにしたいです。#1 の下のタイルを #2 のタイルにドラッグし始めたら、#2 のタイルを #1 の下に移動させます。JSFiddle を試すと、現在、#2 のタイルは並べ替えられたタイルの下にスタックされています。

JSFiddle

4

1 に答える 1

1

あなたはアイテムオプションを誤って設定しました-あなたの例では、.tileではなく.slotに設定する必要があると思います。

$( "#tiles" ).sortable({ 
    items: ".slot",
});

http://jsfiddle.net/uBFtr/5/

デフォルトでは、項目オプションは> *セレクターに設定されています。これは、子要素 (サブ子ではない) を意味するため、例で指定する必要はまったくありません。

于 2013-10-02T22:32:36.613 に答える