0

ボタンのグリッドを持つサイトを作成しています。これらのボタンを再編成可能にする最善の方法は何かと考えていました。ドラッグアンドドロップ機能を使用してボタンの位置を入れ替えるだけで、グリッドのレイアウトを維持したいと思います。これを行うためのjavascript/jqueryの方法があると思いますが、少しさびています。

4

4 に答える 4

1

jQueryUIを使用することをお勧めします。使い方は簡単です。

この関数を使用するだけです：

$(function() {
   $( "#sortable" ).sortable();
   $( "#sortable" ).disableSelection();
});

また、外部スクリプトと css をリンクすることを忘れないでください。

例を次に示します: jsFiddle。

于 2013-05-31T12:19:04.507 に答える
1

また、簡単な方法として jQuery UI をお勧めします。Sortable インタラクションを確認してくださいhttp://jqueryui.com/sortable/

于 2013-05-31T12:12:19.093 に答える
0

そのためには、ドラッグ可能で、ドラッグが停止する特定の領域にスナップするようなものが必要です。

Jquery UIを参照できます。

ニーズに完全に合うように、スナップ オブジェクトへの実際のドラッグ アンド ドロップは次のとおりです。

これが今役立つことを願っています。

于 2013-05-31T12:07:08.323 に答える
0

カテゴリ別に並べ替えたい場合は、アイソトープを使用できます 。追加機能として、さまざまなサイズを持つことができます

jquery のようなバージョンを使用できますが、jquery は使用できません: Masonry Vanilla

これにより、ブラウザのサイズ変更も可能になります

于 2013-05-31T12:11:40.083 に答える