2012-01-30 10 views
1

jqueryのUIからドラッグアンドドロップ可能な状態をJSONに保存するにはどうすればよいですか? JSONを使用して状態を保存して戻したいと思います。これが最善の方法ですか、別の方法も可能ですか?JSONのjquery UIエレメントの状態

+1

まだ試しましたか? –

+0

いいえ、私は初心者であり、達成方法を知ろうとしています。 –

答えて

1

変更可能な値を取得するには、ドラッグ可能な/ Droppableイベントのコールバックハンドラを使用してください。

localStorage/sessionStorageを使用してこれらの値を保存できるため、データをサーバーに保存する必要はありません。

IE用に使用できるStorage API用のポリフィルもあります。

はこのような何か試してみてください:

$(".yourdraggable_element").css("left",localStorage.getItem("left")); 
    $(".yourdraggable_element").css("top",localStorage.getItem("top")); 

注:これが唯一の出発点である

$(".yourdraggable_element").draggable({ 
    stop: function(event, ui) { 
     localStorage.setItem("left",ui.position().left); 
     localStorage.setItem("top",ui.position().top); 
    } 
}); 

をあなたは今の位置を取得することができます!例えば。最初にlocalStorageをチェックする必要がありますので、これを完全な解決策にしてはいけません!

+0

私はそれを見てフォローできるように実装されている方法の例を教えていただけますか?私は今どこから始めるべきかわかりません。 –

+0

私は自分の答えを編集し、これで始めることができるかどうかを確認します。 – Christoph

0

jQuery UI - http://jqueryui.com/をお勧めします。これは、ドラッグ可能な操作とドロップ可能な操作のドラッグアンドドロップをサポートしています。

+0

彼はすでにjQUIを使用しています。それはタイトルと質問です。 – glomad

関連する問題