9

ドラッグ可能な div (画像のサムネイルを整理するために使用) のグリッドを使用できるようにするスクリプトを探しています。そのため、ある div を別の div の上にドラッグすると、div が移動して空のスポットが作成され、div がドロップされます。

jQuery にはドラッグ アンド ドロップ ライブラリがあることは知っていますが、必要な機能 (グリッドへのスナップと周囲の div の移動) を許可していないようです。

必要なものを備えたスクリプトまたはフレームワークを知っている人はいますか?

ありがとう！

4

5 に答える 5

9

「ドラッグ可能」、「ドロップ可能」、「ソート可能」、およびその他のさまざまな複雑なコンポーネントがあるため、 JQuery、より具体的にはJQuery UIを見てください。

探しているドラッグ アンド ドロップ グリッドの具体例を次に示します。

于 2009-01-09T06:34:44.103 に答える
5

特に画像用ではありませんが、確かにそのように使用できますが、 http： //gridster.net/は、アイテムをドラッグアンドドロップして、フィットするように再シャッフルできるので、かなり見栄えがします。

于 2012-11-21T02:35:20.307 に答える
5

5 年後、これはあなたが探していたものだと思います: https://github.com/uberVU/grid

于 2014-04-04T11:09:41.150 に答える
4

私のREDIPS.dragライブラリが役立つかもしれません。テーブル (1 つまたは複数) をドロップ グリッドとして使用します。class="drag" を含む DIV 要素は、表のセル間でドラッグできます。ライブラリには、ドロップ、クローン、削除、移動などのイベント用の JS コードを作成するオプションもあります。柔軟で使いやすいです。デモ ページへのリンクは次のとおりです。

http://www.redips.net/my/preview/REDIPS_drag/

于 2012-07-04T06:12:05.820 に答える
2

別のオプションはjQuery.Shapeshiftです。Gridster.jsによく似ていますが、より適応性があります。

于 2013-10-09T13:32:00.633 に答える