cuốn sách gpt4 ai đã làm

Đặt cookie bằng jquery, đặt bodyclass từ cookie khi tải trang

In lại Tác giả: Walker 123 更新时间:2023-11-28 03:30:34 29 4
mua khóa gpt4 Nike

我有一个按钮可以将 body class 设置为 .blackout

tôi đang sử dụng js-cookie设置cookie,下面的代码与我的按钮相关联。


$('#boToggle').on('click', function(e) {
$('body').toggleClass('blackout');
});

我想不通的是如何使用上面链接中的 Cookies.set('name', 'value'); 设置带有 .toggleClass 的 cookie 以及如何检索它来自 cookie 并将其应用于 body 类。

Cảm ơn trước!

câu trả lời hay nhất

看起来您想在 session 之间维护切换类的状态,这可以使用 Cookie 来完成,但可能更适合 localStorage。

为了完整起见,我将演示这两种方法

使用 Cookie

要更好地理解 Cookie 和本地存储之间的区别,请参阅此 câu hỏi ,但老实说,我认为您可以采用任何一种方法。在这种情况下,本地存储相对于 cookie 的一个优势是您不需要额外的库。

let state = Cookies.get('toggle');
$(body).toggleClass('.blackout', state)

使用本地存储

let state = localStorage.getItem('toggle');
$(body).toggleClass('.blackout', state)

使用您更新的代码段

var toggleLocalStorage = localStorage.getItem('toggle');
var toggleStatus = toggleLocalStorage ? toggleLocalStorage : false;

$('#boToggle').on('click', function(e) {
$('body').toggleClass('blackout', toggleStatus);
localStorage.setItem('toggle' toggleStatus);
});

关于javascript - 使用 jquery 设置 cookie,在页面加载时从 cookie 设置 bodyclass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44752904/

29 4 0
Walker 123
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress