Question

我正在尝试使用cookie（cookie.js库）或LocalStorage在cookie中保留按钮状态一段时间。我之前没有做过此事，所以不确定如何处理。

我要坚持至少一天的状态是使用Jquery文本函数更改按钮的文本，如下所示：

$(_this).text("Job already started or completed...");

此操作几乎是在onClick事件上完成的。

Answer 1

本地存储是普通JS，无论是否使用jQuery，它都可以使用。这很简单：

localStorage.setItem('buttonText', 'Job already started or completed...');

将其存储。然后阅读：

const storedButtonText = localStorage.getItem('buttonText');

从那里，您可以对文本进行任何操作，包括将其传递到jQuery函数中以设置某些DOM元素的文本或其他所需的内容。

如果您希望在重新加载之间保持不变，则需要在页面加载时加载该数据：

$(document).ready(function() {
    const storedButtonText = localStorage.getItem('buttonText');
    if (storedButtonText) {
        $('#theButtonElement').text("Job already started or completed...");
    }
});

在Cookie或Jquery中的localStorage中保持按钮状态

1 个答案: