javascript - Scriptaculous の並べ替え可能なマトリックス

Question

scriptaculous javascript ライブラリを使用して、並べ替え可能な画像マトリックス 5x5 を作成しようとしていますが、うまくいきません。

テーブルを使用しようとしていますが<td>、Sortable オブジェクトにリンクするのに問題があります。

これを作成するために参照できるヒントやドキュメントはありますか?

ありがとう

Answer 1

テーブルではなく、フローティング DIV を使用します。

1) ボックスのスタイルシートにクラスを作成します。

.boxes {
  float:left;
  width:150px;
  height:150px;
  border:1px solid #cccccc
}

2) ボックスのコンテナを作成します。そして箱を中に入れます。

<div id='container' style='width:750px;height:750px;'>
<div id='box1' class='boxes'></div>
...etc
</div>

3) ソート可能にする

Sortable.create('container',{tag:'div'})

このタイプのデモがここにあります。

さらにサポートが必要な場合は、私に連絡してください。