如何在本地存储中记忆一个附加的div并在重新加载/更改页面后显示它？

Question

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

在文件.txt是代码来运行我的页面上的客户聊天脸书。

我的代码看起来像这样：

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"));
})

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

我如何修复它，使其保持在本地存储，例如超过5个小时？

Answer 1

只是语法。您使用的是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"));
})