Question

我首先使用此脚本在本地存储html代码：

queuehistory = $("#queue").html();
localStorage.setItem("queuehistory", queuehistory);

当页面加载时，我运行一个脚本来检测是否已设置localstorage项目：

if (localStorage.getItem("queuehistory"))
{
  $("#queue").html(localStorage.getItem("queuehistory"));
}

虽然localstorage已设置且确实存在，但由于某种原因，html代码未加载到$（“＃queue”）中。

出于测试目的，我运行了这段代码：

 if (localStorage.getItem("queuehistory"))
 {
  alert(localStorage.getItem("queuehistory"));  
  $("#queue").html(localStorage.getItem("queuehistory"));
 }

localStorage.getItem绝对不是空的，所以我不知道为什么这段代码似乎没有用。存储本身可以工作，但是将我本地存储的html代码加载到div中似乎不起作用。任何帮助将不胜感激。

Answer 1

将您的代码放在side dom ready回调

中

$(function(){
    if (localStorage.getItem("queuehistory")){
        alert(localStorage.getItem("queuehistory"));
        $("#queue").html(localStorage.getItem("queuehistory"));
    }
})

Answer 2

localStorage只存储字符串，不能存储一个Dom元素。（它可能适用于某些浏览器，但它不在规范中，所以不要以这种方式使用它）

Jquery .html（）不使用localStorage

2 个答案: