0

並べ替え可能な行の流体にボックスの位置を保存するにはどうすればよいですか? たとえば、ユーザーがボックスを から にドラッグするcategory 1たびcategory 2に、ページを更新すると、その位置が記憶されますか?

見たいインターフェイスの HTML コードは次のとおりです。

    <div class="row-fluid sortable">
        <div class="box span3">
            <div class="box-header well">
                <h2>Category1</h2>
            </div>
        </div>

        <div class="box span3">
            <div class="box-header well">
                <h2>Category2</h2>
            </div>
        </div>
    </div>

ご覧のとおり、スタイルには CSS ファイルのクラスが使用されます。または、jQuery を使用してこれを行うより良い方法はありますか?

4

2 に答える 2

-1

ジョージが指摘するように、ある種の永続的なストレージが必要になります。これは、Cookie またはデータベースを使用して行うことができます。

以下は、ドラッグが終了したら jquery を使用して注文をシリアル化し、その結果を ajax 経由でサーバー側スクリプトに渡す例へのリンクです。次に、サーバー側のスクリプトがデータベースを更新し、順序を保持する手段を提供します。

この例は、数年前の私自身のものであることを強調します。これは私が管理していないサイトですが、この投稿には、発生する可能性のあるいくつかの問題を強調するコメントが多数あります。

この例では、div ではなくリストを使用しています。また、永続的なストレージにデータベースを使用しますが、サーバー側のスクリプトを変更して Cookie を保存することもできます。

http://www.wiseguysonly.com/2008/12/07/drag-and-drop-reordering-of-database-fields-sortables-with-jquery/

正確なニーズに適応するのに十分なほど単純でなければなりません。

于 2013-05-16T16:42:39.847 に答える