2012-01-20 18 views
1

ドラッグ&ドロップでレイアウトを変更できる4divウィジェットページが必要です。私は把握できない2つのことがあります。 1つは、私はレイアウトを保存し、jQueryのクッキープラグインからレイアウトをロードしたいが、どのように把握することはできません。これは私ですjsfiddlejQueryクッキーでソート可能

divのデータを追加すると、それ自体が修正されるかもしれませんが、アイテムをドラッグすると、末尾の要素と入れ替えることができます。私は、これはあなたがクッキーを設定する方法だと思います

update:function(e,ui) { 
     var order = foo.sortable("toArray").join(); 
     $.cookie("sortableOrder",order); 
    }); 

答えて

0

あなたがする必要がある何が、値のためにクッキーを確認し、ページのロード中にあります。それがあれば、クッキーの値をループし、現在リストにある要素sと比較します。存在する場合は、Cookieの項目を新しいリストに追加します。新しく作成されたリストがページに追加され、元のリストが削除されます。その意味で、保存されたアイテムの順序がロードされます。基本的に3つの配列があります。 1.ロード時間中のページ内のアイテムの実際のリスト。 2.クッキーに格納されているリスト。 3.ロード時に、新しく順序付けられたリストを構築するために使用する空のリスト。現在のリストをクッキー内のリスト項目と比較すると、それらが両方に存在する場合、その要素を3番目の "以前の"空の配列に配置します。そうすることで、すべてのアイテムをループしたときに、新しいオーダーリストが作成され、オリジナルが削除されます。

うまくいけば、これが役に立ちます。私はさらに例を挙げて説明しますが、仕事では説明します。申し訳ありません.. :(

関連する問題