1

ソート可能リストのソート可能リストにいくつか問題があります。行と列の要素を並べ替えることができるページを作成したいと思います。

これはソート可能なjsコードです：

$("#page, .column").sortable({ 
   connectWith: ['#page', '.column'],
   items: '.a',
   dropOnEmpty: true,
   handle: '.portlet-header',
   cursor: "move",
   cursorAt: { cursor: "crosshair", top: 0, left: 0 },
   opacity: 0.2
});

960グリッドシステムを使用していて、特定のhtmlがあります（完全な例を参照）

問題：

  1. 要素を行から列に移動すると、元に戻すことができません
  2. 行を並べ替えるとき、列がある行の後ろに行を移動すると、その行が移動する可能性があり、この要素をいくつかの列に配置する必要があるため、並べ替えることができません。
  3. 誰かがこの問題を解決できれば、要素をドロップしたい場所を簡単に見つけることができないため、ページ内の要素をドラッグするのが苦手です。

誰かがこの例を機能させることができれば、それは素晴らしいことです。

よろしくお願いします。英語をお詫びします。

4

1 に答える 1

0

1: #page{height:500px} を設定すると、列を行にドラッグして戻すことができます。#page の高さは 0 であるため、何もドラッグできません。

2: #page が高さを取得すると、この問題も解決されます。

3: プレースホルダーは、ドラッグを停止したときに要素が配置される場所を示します。まだ完璧ではありません。

于 2013-01-07T20:37:39.257 に答える