私は、ユーザーが一連の要素をグリッド スタイルのレイアウトに配置できるようにする JavaScript アプリに取り組んでおり、jQuery の並べ替え可能なライブラリを使用して移動できるようにすることにしました。ねじれは、要素が異なるサイズ、別名シングル ユニット、ダブル ユニット、そして最終的に可変サイズのアイランド ユニットである可能性があることです。sortable の説明では、同じサイズの単位を使用すると書かれているため、プロジェクトを開始する前に、簡単なデモを作成して、概念的に機能するかどうかを確認しました。例えば：
http://cms.memeflash.ca/sortable/demos/sortable/display-grid.html
それで、私は勇気を持ってプロジェクトを開始し、以前にテストしたことのないボックス スタイルに出会うまで、すべてが順調に進みました - 上記のデモのボックス 32 を参照してください (最初のデモではこの要素スタイルを作成していませんでした)。この問題は、要素の高さが 1 つの要素よりも大きいが、幅全体ほど広くない要素がある場合に発生します。並べ替え可能な使用の仕組みはフロートであるため、要素をその左側の行以上に配置することはできません。sortable が技術にフロートを使用していることは知っていましたが、この状況は私には起こりませんでした。私はこのプロジェクトをほぼ完成させましたが、最初に悪い仮定のレンガの壁に直面しました。
さまざまなサイズの要素に対応できる固定レイアウトのタイプ ライブラリについて何か提案があるかどうかを尋ねていると思います。私はjqueryのドラッグ可能なオプションを検討しています.これを投稿した後、おそらく何かを一緒にハッキングし始めるでしょう. (理由は、要素を順序付けられた要素の単一のリストとしてサーバー側にポストし、サーバーがエクスポート用のグリッドに変換したためです)。