3

私はいくつかの構造を持っています:

li#lists
--ul
----li.category

------ul.due
--------li.item

------ul.date
--------li.item

------ul.other
--------li.item
--------li.item
--------li.item

li.item要素をul.other要素にソーディングする必要があります。現在、一部のカテゴリで並べ替えが機能していますが、アイテムを別のカテゴリに並べ替える必要があります。

例:「これは並べ替え可能5」の後に「これは並べ替え可能2」を並べ替える必要があります。または、「これは並べ替え可能2」の後に「これは並べ替え可能5」と並べ替えます。

私のコード(フィドル):

$('.category ul.other').sortable({
    items: "li",
    helper: "clone",
    cursor: "move",
    placeholder: "drag-to",
    opacity: 0.5,
    connectWith: ".category ul.other"
}).disableSelection();
4

1 に答える 1

1

これはバグ#4551です。拡張リストアイテムがフロートされている場合、このconnectWithオプションは明らかに期待どおりに機能しません。

次のルールから削除float: left;すると、アイテムのレイアウトを犠牲にして問題が解決します(補正するために固定幅を指定することをお勧めします)。

#lists .due li,
#lists .date li,
#lists .other li,
#lists .title {
    float: left;  // <-- Remove this style.
    padding: 8px;
    margin-left: -9px;
    border: 1px solid #fff;
    border-radius: 2px;
    margin-top: 1px;
}

更新されたフィドルはここにあります

于 2012-11-20T20:17:09.093 に答える