イメージをページに追加しています。追加されたアイテムを表示したり、追加されたアイテムを隠すためのチェックボックスがあります。データをJSON配列に保存します。タブをリロードした後でも、それらの添付された画像を表示したい。ページリロード後に添付されたイメージを表示する
0
A
答えて
2
JavaScriptを使用してDOMを動的に変更する場合は、永続的ではありません。いくつかの永続的な変更を行う場合は、LocalStorage
またはCookiesを使用する必要があります。
は、以下の例を考える:
$(function() {
$("input").click(function() {
$("#result").append(Math.random() * 15 + "<br />");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="Append Random Number" />
<div id="result"></div>
乱数は、上記の例ではJavaScriptによってDOM操作を使用して挿入されています。ページを更新すると、ページはファイルシステムに保存されていないため消えます。
ブラウザに永続化したい場合は、読み取り/書き込みメディアが必要です。そのようなものの1つがLocalStorageです。
のlocalStorageを使用する例は、以下の検討:上記の例で
$(function() {
$("#result").html(localStorage["result"] || "");
$("input").click(function() {
$("#result").append(Math.random() * 15 + "<br />");
localStorage["result"] = $("#result").html();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" value="Append Random Number" />
<div id="result"></div>
、Iはストレージに#result
DIVの内容を格納するlocalStorage
を使用しているとき私はページをリロードすると、私は内容を読んでおり、divの内容も置き換えています。
関連する問題
- 1. jQuery divにイメージを添付しても表示されないFirebug
- 2. drupalで添付されたイメージを再処理する7
- 3. iphone - 添付ファイルが表示されないようにする
- 4. ヘロクを押した後にクリップが付いたモデルに添付されている画像が「見付からない」と表示される
- 5. MFMailComposeViewController csv添付ファイルは添付されていませんが、代わりにインラインで表示されます
- 6. オブジェクトが添付された後にプロパティを読み込む
- 7. 添付ファイルの送信時にボディメッセージが表示されない
- 8. iphoneメールは、添付されたhtmlファイルにjavascriptを表示しませんか?
- 9. 添付ファイルが添付されたメールをGoに送信する方法
- 10. ペーパークリップを使用して添付ファイルを選択した後でイメージプレビューを表示
- 11. 添付ファイル付きのFacebook Graph API投稿がニュースフィードに表示されない
- 12. ロード後に作成された要素にJSイベントが添付されない
- 13. Gmail IMAP - 添付ファイルが表示されない
- 14. 添付ファイルをスレッドで表示
- 15. ListViewが非表示に設定された後にボタンが表示される
- 16. イメージ操作、変換されたイメージを表示しません
- 17. キーボードが表示された後にはじめて表示される
- 18. Lotus Notes:文書に画像の添付ファイルを表示する
- 19. C# - データベースに保存されたファイルをメールに添付する
- 20. メインウィンドウが表示された後でダイアログを表示します
- 21. 値がスクロールされた後にUITableViewに表示されます
- 22. ファイルシステムからアップロードされたイメージを表示する方法
- 23. オーバーレイされたポリゴンでイメージを表示する
- 24. XMLが取得された後にProgressDialogが表示される
- 25. ブートストラップの添付されたnavlistスタイルを取得するには?
- 26. リストアイテムに添付されたドキュメントを編集する
- 27. ページリロード後に動的に生成されたjQueryページを読み込む
- 28. 添付ファイルがBodyフィールドに表示されていないMail-in db
- 29. 画像をクリックした後に日付ピッカーが表示されない
- 30. PHP/SQL - 特定の日付の後に作成された行を表示
私の答えがあなたを助けたらそれを受け入れますか? –