4

table1それらは、要素を与えることしかできず、要素を受け取ることしかできない単一方向のデータを有効にする方法table2ですか?

$(function() {
  $( "#sortable1, #sortable2" ).sortable({
       connectWith: ".connectedSortable"
   }).disableSelection();
});

私の経験不足を許してください、どんな情報でも大歓迎です。

4

1 に答える 1

5

APIドキュメントから：

connectWith: このリストのアイテムが接続される他のソート可能な要素のセレクター。これは一方向の関係です。項目を両方向に接続する場合は、両方の並べ替え可能な要素で connectWith オプションを設定する必要があります。

あなたが与えたコード例は、 jQuery UI デモ サイトのコード例に似ているようです。コードを調べると、CSS クラス.connectedSortableが両方のリストで宣言されていることがわかります。

<ul id="sortable1" class="connectedSortable">
    <li class="ui-state-default">Item 1</li>
    ...
</ul>

<ul id="sortable2" class="connectedSortable">
    <li class="ui-state-highlight">Item 1</li>
    ...
</ul>

あなたが提供したコードは、このソート可能なリストを双方向にします。一方向にするために、別のセレクターを指定できます。

$(function() {
  $( "#sortable1, #sortable2" ).sortable({
       connectWith: "#sortable2" // changed this to reflect the ID of the second list
   }).disableSelection();
});

たとえば、jsFiddleを参照してください

于 2013-09-06T03:37:57.490 に答える