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

时间:2018-05-04 18:26:32

标签: javascript jquery

我的代码有问题,因为我尝试在刷新页面后做一个可见的附加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"));
})

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

如何修复它以将其保存在localstorage中,例如经过5个小时?

1 个答案:

答案 0 :(得分:0)

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