私のlocalStorageコードが機能しないのはなぜですか？

Question

私はdiv divを消して、ユーザーが戻ってきても消え去ろうとしています。それは私がしたいことをしていないようです。ボタンを押すと何も起こりません。 localStorageに変化のない偶数値...（そのはそのgetter/setterメソッドの代わりに、直接プロパティへのアクセスを使用することを示唆していても）localStorageため

localStorage.done = localStorage.done || false; 
$('#myButton').addEventListener('click', function() { 
    if (!localStorage.done) { 
     localStorage.done = true; 
     $('#myDiv').style.display = "none"; 

    } 
}); 

Answer 1

あなたのコードは、実際に働いています。

あなたの問題は、このです：

$('#myButton').addEventListener('click', function() { 

jQueryのは、あなただけの唯一の店舗文字列を.bind()

localStorage.done = localStorage.done || false; 
    $('#myButton').bind('click', function() { 
     if (!localStorage.done) { 
      localStorage.done = true; 
      $('#myDiv').hide(); 
     } 
    }); 

Answer 2

のlocalStorageを呼び出したい.addEventListenerについて知りません。したがって、localStorage.done = falseは "false"にシリアル化されます。次のコードは、（JSFiddleを参照してください）あなたの問題を解決します：

localStorage.done = localStorage.done || "false"; 
document.getElementById('myButton').addEventListener('click', function() { 
    if (localStorage.done == "false") { 
    localStorage.done = "true"; 
    document.getElementById('myDiv').style.display = "none"; 
    } 
}); 

注意を、jQueryを使って混乱を避けるために、私は、標準のDOM "getElementByIdを" を使用しました。また、 "true"と "false"の代わりに "0"と "1"を使うことも考えられます。

この制限はW3 Specificationにはありませんが、現在のブラウザに適用されます。詳細については、this postを参照してください。ハッピーコーディング！