Cocktai-Programming

BETA

シンプルソート

シ
ン
プ
ル

共有リスト

き
ょ
う
ゆ
う
が
で
き
ま
す
。

クローン

ドラッグしたアイテムを複製し、元は残る。

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6

並び替えの無効化

左側リストの並べ替えは不可。

牛
丸
真
司
真
丸
牛
はじめ
おわり
new Sortable(example4Left, {
    group: {
        name: 'shared',
        pull: 'clone',
        put: false // Do not allow items to be put into this list
    },
    animation: 150,
    sort: false // To disable sorting: set sort to false
});

new Sortable(example4Right, {
    group: 'shared',
    animation: 150
});

new Sortable(example6, {
    filter: '.filtered', // 'filtered' class is not draggable
    animation: 150
});

Try modifying the inputs below to affect the swap thresholds. You can see the swap zones of the squares colored in dark blue, while the "dead zones" (that do not cause a swap) are colored in light blue.

Invert Swap
new Sortable(example7, {
    swapThreshold: 1,
    animation: 150
});

Examples

ネスト

NOTE:注：ネストされたSortableをアニメーションで使用する場合、fallbackOnBodyオプションをtrueに設定することをお勧めします。また、invertSwapオプションをtrueに設定するか、swapThresholdオプションがデフォルト値の1（例0.65）より小さいことを常に推奨します。

アイテムBOX
人
牛丸
真司
物
ゴリラ
バナナ
条件
○○を見つけたら
動作
走る
叩く
写真を撮る
回転する
要素
右に
左に
前に
後ろに
強く
弱く
スタート
動作
おわり