Javascript 如何在localstorage中记住附加的div并在重新加载/更改页面后显示它？

我的代码有问题，因为我试图在刷新页面后或者如果有人转到另一个页面时执行一个可见的附加div

txt是在我的页面上运行客户聊天Facebook的代码

我的代码如下所示：

jQuery(document).ready(function ($) {
    $('.w-iconbox.iconpos_left.style_default.color_primary.no_text.ico-fbm').one('click', function (e) {
        $('<div class="facebook-chat"></div>').load("/fbchat.txt").appendTo("body")
        localStorage.setItem("fb-opened", $('.facebook-chat').html());
        setTimeout(function () {
            $('fb_dialog_mobile').click();
        }, 4000);
    })
    $('.facebook-chat').html(localStorage.getItem("fb-opened"));
})

jQuery（文档）.ready（函数（$）{
$（'.w-iconbox.iconpos\u left.style\u default.color\u primary.no\u text.ico fbm'）.one（'click'，函数（e）{
$（''）.load（“/fbchat.txt”）.appendTo（“正文”）
setItem（“fb opened”，$（'.facebook chat'）.html（））；
setTimeout（函数（）{
$（'fb_dialog_mobile'）。单击（）；
}, 4000);
})
$（'.facebook chat'）.html（localStorage.getItem（“fb opened”）；
})

问题是，当我转到另一个页面或刷新页面时，chat div消失了-

---

如何修复它以将其保存在本地存储中（例如，保存5个小时？

只是语法而已。您使用的是

one

，而不是

on

jQuery(document).ready(function ($) {
    $('.w-iconbox.iconpos_left.style_default.color_primary.no_text.ico-fbm').one('click', function (e) {
        $('<div class="facebook-chat"></div>').load("/fbchat.txt").appendTo("body")
        localStorage.setItem("fb-opened", $('.facebook-chat').html());
        setTimeout(function () {
            $('fb_dialog_mobile').click();
        }, 4000);
    })
    $('.facebook-chat').html(localStorage.getItem("fb-opened"));
})

jQuery（文档）.ready（函数（$）{
$（'.w-iconbox.iconpos\u left.style\u default.color\u primary.no\u text.ico fbm'）.one（'click'，函数（e）{
$（''）.load（“/fbchat.txt”）.appendTo（“正文”）
setItem（“fb opened”，$（'.facebook chat'）.html（））；
setTimeout（函数（）{
$（'fb_dialog_mobile'）。单击（）；
}, 4000);
})
$（'.facebook chat'）.html（localStorage.getItem（“fb opened”）；
})

localStorage仅在用户手动或在可能的私人会话中进行清除时，或在您自己逻辑删除它时才清除。如果您没有做任何这些事情，那么值仍然存在。您可能正在查找

$（…）。在（…）

上，而不是

$（…）。一个（…）

好的，但是我如何将该div保留在本地存储中？好的，但它仍然没有将该div保留在本地存储中。。。重新引用页面或更改子页面后，Div消失。。。