localStorageから読み込まれたテキストが更新されません。

Question

名前、画像、説明の3つの入力を受け取るブートストラップモードがあります。私はすべてをローカルストレージに保存し、フォーム入力をWebページにロードする方法を考え出しましたが、テキスト要素が最新の状態で消えてしまいましたので、これに関するヒントを得ることができれば幸いです。

apply.onclick = function() {      //function executed when form submitted 
    var name = document.getElementById("name2").value;  //save name to a var 
    var description = document.getElementById("description2").value; 
    localStorage.setItem("name", name);     //set name to localStorage 
    localStorage.setItem("description", description); 

    updateProduct(); //function to load into divs from local storage 
} 

function updateProduct(){ 
    $("#title2").html(localStorage.name); 
    $("#desc2").html(localStorage.description); //load name&desciption into divs 
} 

これが成功し、それぞれのdiv要素に名前と説明を設定しますが、ページが更新されたら、テキストが消去され、クリックされた「適用」する前に、それが何であれにリセットされます。私が使用しなければならないローカルストレージからローディング&をロードするための別の方法はありますか？

Answer 1

ページが読み込まれるときにupdateProduct関数を呼び出す必要があります。現在、あなたはここに示したものからonclickハンドラで呼び出すだけです。

することはでき、次の技術適用することにより、この：あなたはあなたの定義initApplication機能である必要があり、アプリケーションの初期化中に適用することにしたい

document.onreadystatechange = function() { 
    if (document.readyState == "interactive") { 
     initApplication(); 
    } 
} 

何かを。

このhereについては、MDNで読むことができます。