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

Question

我的代码有问题，因为我尝试在刷新页面后或有人选择另一个页面后做一个可见的附加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 消失了 -

我如何修复它以将其保存在本地存储中，例如超过 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"));
})