1

ドラッグ アンド ドロップできる 2 行のラベルが必要です。私はそれを機能させることができません。

次の関数を使用して、2 つのリストを初期化します

 $("#sortableInit, #sortableEnd").sortable({
   connectWith: "connectedSortable",
   dropOnEmpty: true
  }).disableSelection();

また、通常の垂直ではなく水平にするための CSS の 1 行 (どちらもクラスconnectedSortableです):

.connectedSortable > div { float: left; }

次のフィドルでは、やりたいことを最小限に抑えています。

http://jsfiddle.net/kuK9x/9/

私が行方不明になっていることが明らかな何かがわかりますか？

4

1 に答える 1

0

JavaScript パネルに構文エラーがあります。（})最後に欠落しています）別の構文エラーconnectWith: "connectedSortable"は connectWith: ".connectedSortable"

また、あまりにも設定.connectedSortableする必要があります。そうしfloatないと、コンテナーの高さがゼロになり、jQuery で説明されているバグが発生します。チケット#4551を参照

更新されたフィドルを参照してください

$(function () {
    $("#sortableInit, #sortableEnd").sortable({
        connectWith: ".connectedSortable",
        dropOnEmpty: true
    }).disableSelection();
});

そしてCSS 

.connectedSortable {
    float:left;
}
.connectedSortable > div {
    float: left;
}
于 2013-10-22T02:27:04.643 に答える