Javascript 未在localStorage中删除值

我正在学习如何使用localStorage制作todo应用程序。我使用Blackberry 10 Jquery主题制作此应用程序。问题是，有时localStorage上的removeItem函数不起作用

见

重现问题的步骤：

在列表中插入项目。 通过滑动快速删除多个项目。 重新加载页面，看到屏幕上仍然显示2-3个项目，并且不会被删除。 有时请重复这个直到问题出现。 这个问题的原因是什么

代码：

HTML

Javascipt

---

您正在使用哪个浏览器？如果您调用localStorage.clear，它仍然会显示列表，该怎么办？我无法重现该问题，我使用的是Chrome。@UmairSaleem调用localStorage.clear会删除所有条目，并且在一次访问后不会显示任何项目refresh@UmairSaleem我正在使用FIrefox和Chrome。这些条目可能会重新出现，也可能不会重新出现。正如我前面所说，这种情况有时会发生。你能再试一次吗？

<div id="home" data-role="page" data-theme="a">
    <div data-role="content">
        <form id="tasks-form">
            <input type="text" name="text-input" id="task" autofocus placeholder="Enter Text Here" />
        </form>
        <div id="tasks"></div>
    </div>
</div>

        var i = 0;
       // Initial loading of tasks
       for( i = 0; i < localStorage.length; i++)
         $("#tasks").prepend("<li id='task-"+ i +"'>" + localStorage.getItem('task-'+i) +"</li>");

       // Add a task
       $("#tasks-form").submit(function() {
         if (  $("#task").val() !== "" ) {
           localStorage.setItem( "task-"+i, $("#task").val() );
           $("#tasks").prepend("<li id='task-"+i+"'>"+localStorage.getItem("task-"+i)+"</li>");
           $("#task-" + i).css('display', 'none');
           $("#task-" + i).slideDown();
           $("#task").val("");
           i++;
         }
         return false;
       });


       $(document.body).on("swiperight","li",function() {
         localStorage.removeItem($(this).attr("id"));

     $(this).animate(
                    {
                        'margin-left':'600px','opacity':'0'
                    },'swing',
                    function(){

                        $(this).slideUp('fast',function(){$(this).remove();});
                }
                    );

         for(i=0; i<localStorage.length; i++) {
           if( !localStorage.getItem("task-"+i)) {
             localStorage.setItem("task-"+i, localStorage.getItem('task-' + (i+1) ) );
             localStorage.removeItem('task-'+ (i+1) );
           }
         }
       });