jqueryのUIからドラッグアンドドロップ可能な状態をJSONに保存するにはどうすればよいですか? JSONを使用して状態を保存して戻したいと思います。これが最善の方法ですか、別の方法も可能ですか?JSONのjquery UIエレメントの状態
答えて
変更可能な値を取得するには、ドラッグ可能な/ 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をチェックする必要がありますので、これを完全な解決策にしてはいけません!
私はそれを見てフォローできるように実装されている方法の例を教えていただけますか?私は今どこから始めるべきかわかりません。 –
私は自分の答えを編集し、これで始めることができるかどうかを確認します。 – Christoph
jQuery UI - http://jqueryui.com/をお勧めします。これは、ドラッグ可能な操作とドロップ可能な操作のドラッグアンドドロップをサポートしています。
彼はすでにjQUIを使用しています。それはタイトルと質問です。 – glomad
- 1. jquery uiチェックボックスボタンの状態
- 2. jQuery UIポートレットデータベース上の状態を保存
- 3. 別のUIエレメント
- 4. ui-routerのデフォルト状態
- 5. エンティティのRedux UI状態
- 6. default-viewのangle-ui/ui-router親状態
- 7. jQuery UIボタン - アクティブな状態を維持し、ホバー状態を無視する
- 8. jqueryのUIボタンからホバーし、デフォルトの状態を削除
- 9. jquery-uiアコーディオンの開閉状態の検出
- 10. ui-datepickerのアクティブ行のホバー状態
- 11. Vue.js - ローディングサービス - エレメントUI
- 12. ブラウザアドレスのオートフィルが「状態」を満たしていないSelectFieldエレメント
- 13. jQueryのUIでアクティブな展開状態を定義するAccordion
- 14. UI-ルータ:$ state.go子状態へ
- 15. React component self state(UI状態)
- 16. angularjs ui-router親状態
- 17. angle-ui-routerランタイム状態
- 18. jQueryのドロップダウンメニューのホバー状態
- 19. jQueryページの状態のURL
- 20. jqueryアコーディオンのメニューの状態
- 21. jQueryキャッシュのリフレッシュチェックボックスラジオボタンの状態
- 22. 複数の状態のUIルータ
- 23. 複数の状態でのui-sref-active
- 24. UIテスト中のテストオブジェクトの状態(iOS)
- 25. Spotify - チェックボックスUIエレメントの使用
- 26. Aフレーム内のUIエレメント/コントロール
- 27. KENDO UIグリッドと状態の永続性
- 28. Objective-C:カスタムUIエレメント
- 29. AndroidデザインUIエレメントPSD
- 30. JQueryアコーディオンのデフォルト状態
まだ試しましたか? –
いいえ、私は初心者であり、達成方法を知ろうとしています。 –