4

jquery に基づく 2 つのリストがあります。サンプルはこちらです。まったく同じ機能が必要ですが、次のようなわずかな変更が必要です。

上記のように、クリックするGet itemsとすべてのソート可能なアイテムの値が取得されますが、リスト A からドラッグしてリスト B に配置したり、その逆を行ったりする必要があります。リストAから。

これを行う方法、上記のjquery libをカスタマイズできますか、それともJavaスクリプトであっても他に何かありますか?それは私にとっては問題ありません。

助けてください。

4

1 に答える 1

3

私は過去に似たようなことをしました。これが私がそれを達成した方法です: http://jsfiddle.net/dazefs/vGYVX/

<div style="background-color:Gray">

<ul id="sortable">
    <li>
      <span style="background-color:yellow">
         Item 1
       </span>

     </li>
    <li>
     <span style="background-color:red">
       Item 2
     </span>

    </li>
    <li>
      <span style="background-color:green">
     Item 3
     </span>

  </li>
    <li>
    <span style="background-color:Blue">
           Item 4
     </span>
     </li>
   </ul>

<ul id="sortable2" style="width:60%">
<li>
    <span style="background-color:yellow">
        Item 5
    </span>
</li>
    <li>
    <span style="background-color:red">
        Item 6
    </span>
</li>
    <li>
    <span style="background-color:green">
        Item 7
    </span>
   </li>
    <li>
       <span style="background-color:Blue">
          Item 8
       </span>
   </li>
</ul>

 </div>


$(function () {
    $("#sortable, #sortable2").sortable({
        connectWith: "#sortable2, #sortable",
        receive: function (event, ui) {
             alert('item has been sorted');
         }
    });

    //})
});

3 つのタイル グループで達成するには:

http://jsfiddle.net/dazefs/XRdz6/

http://jsfiddle.net/dazefs/vGYVX/

「GetItems」をクリックした後にアイテムを取得する機能を組み込むには、この実装を少し変更する必要があります。

于 2012-10-01T10:42:14.187 に答える