HTML5 localStorage.setItem値設定が、値

Question

のjQueryを得ていない：

$(document).ready(function() { 
    alert(localStorage.getItem(pet_name)); 
    $("#lost_step1").click(function(){ 
     alert($("#pet_name").val()); 
     localStorage.setItem(pet_name, $("#pet_name").val()); 
     alert(localStorage.getItem(pet_name)); 
    } 
} 

それはpet_name外クリック機能の値を取得していないよりも、私はページをリロードしています。クリック機能内で警告します。このエラーを解決するにはどうすればよいですか？それはなぜ価値がないのですか？私を助けてください。私は無力です。私の弱い英語のために申し訳ありません。

Answer 1

多分あなたの例に基づいて本

https://jsfiddle.net/dalinhuang/hgf1gcz5/1/

を試してみてください： `pet_name`が初期化/定義されて

$(document).ready(function() { 
    var pet_name = "pet_name"; 

    alert('init --> ' + localStorage.getItem(pet_name)); 

    $("#lost_step1").click(function() { 
    var pet_name_val = $("#pet_name").val(); 
    alert('before save-->' + pet_name_val); 
    localStorage.setItem(pet_name, pet_name_val); 
    alert('after save-->' + localStorage.getItem(pet_name)); 
    }); 
}); 





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<input value="test_pet_name" id="pet_name" /> 
<br> 
<button id="lost_step1">CLICK ME!</button>