jQueryのHTML5のlocalStorage removeItemここでは、このコードのエラー

Question

：

$('#doneItem').click(function(){ 
     $(this).each(function(index){ 
      var item = 'personal' + index; 
      alert(item); 
      localStorage.removeItem('personal' + index); 
      window.location.reload(true); 
     }); 
}); 

#doneItemがボタンである、と私は元のための 'personal0' を削除します。 from localStorage and ... Uncaght TypeError：未定義のメソッド 'removeItem'を呼び出すことはできません。何か案は？？

Answer 1

アイテムを削除しようとする前に、アイテムがlocalStorageにあるかどうかを確認できますか？

if (item in localStorage) localStorage.removeItem(item); 

ブラウザでlocalStorageが使用されていることを確認したとしますか？

EDIT
動的IDを使用できます。これにより、doneItemで始まるすべてのa要素に一致し、最後にindex変数に番号が取得されます。

$("a[id^=doneItem]").click(function(){ 
      var index = $(this).attr("id").replace("doneItem", "");     
      var item = 'personal' + index; 
      localStorage.removeItem(item); 
      window.location.reload(true); 
    }); 

また、この行を変更し、そこiを挿入する必要があります：

document.write("<a data-role=\"button\" id=\"doneItem" + i + "\" data-transition=\"none\" href=\"#showPersonal\" data-icon=\"check\" data-iconpos=\"left\">Done</a>"); 

あなたもModernizrコードをコメントアウトする場合にのみ動作します。ここではlocalstorage変数を置き換えていますが、なぜそうするのか分かりません。これらの問題はjsfiddleであるかもしれない

/* 
    if (Modernizr.localstorage) { 
      var localStorage = window.storage; 
    } else { 
      alert('Your browser does not support local storage!'); 
    } 
    */ 

ので、私はいくつかのより多くのコードを削除する必要がありましたが、ここでは、やや作業例です：http://jsfiddle.net/zr4tg/53/

あなたが望むようにそれは見えないかもしれませんが、それは動作するはず。私に教えてください=）