jQuery在localStorage时将类添加到正文

发布于04月07日

我们使用下面的JS代码来判断localStorage并保存它.

require(["jquery"], function (e) {
    const t = function () {
        const t = e("#togglebtw").is(":checked");
        e(".price-container .price-including-tax").toggle(!t), e(".price-container .price-excluding-tax").toggle(t), localStorage.setItem("togglebtw", t ? "true" : "false");
    };
    e(function () {
        e("#togglebtw")
            .on("click", t)
            .prop("checked", "true" === localStorage.getItem("togglebtw")),
            t();
    });
});

当选中#togglebtw时，我们如何向主体添加/删除类？

推荐答案

您可以随时使用此代码将一个类添加到正文中，例如使用btwChecked作为类.

e("body").toggleClass("btwChecked", "true" === localStorage.getItem("togglebtw"))

或者，使用复选框:

e("body").toggleClass("btwChecked", e("#togglebtw").is(":checked"))

(对于jquery，e通常是$)

因为你已经有t = e("#togglebtw").is(":checked")个了，在那t =个之后，这个变成了e("body").toggleClass("btwchecked", t)个.

这将使用toggleClass(className, state)的重载，允许您传入bool以确定是否应该添加或删除该类.

要将其添加到现有代码中，请以类似的迷你化方式:

require(["jquery"], function (e) {
    const t = function () {
        const t = e("#togglebtw").is(":checked");
        e(".price-container .price-including-tax").toggle(!t), 
        e(".price-container .price-excluding-tax").toggle(t),
        localStorage.setItem("togglebtw", t ? "true" : "false"),
        e("body").toggleClass("btwChecked", t);
    };
    e(function () {
        e("#togglebtw")
            .on("click", t)
            .prop("checked", "true" === localStorage.getItem("togglebtw")),
        t();
    });
});

没有必要更改文档.ready函数调用t()