Question

当点击特定的img链接时，我正在使用jQuery toggleClass来更改页面的正文背景。
HTML：

    <a href="#"><img class="img1" src="[...]" id="b-w"></img></a>

CSS：

    .black-white{
    background: #000000;
    }

jQuery：

    $( function() {
    $('#b-w').click( function() {
    $('body').toggleClass("black-white");
    });
    });

现在，这种方法很完美，但仅适用于当前页面。我想要的是这样的：我网站上的每个页面都应该将颜色改为黑色，并保持这样，直到再次点击特定的img链接，因此浏览网站的页面不会改变这种风格。

我没有在网上找到任何解决方案，我的时间已经不多了，所以我不能玩它。如果有人有类似的情况，或者想知道如何解决它 - 请回复..

Answer 1

您需要保存背景应存储的颜色，例如数据库或localStorage。然后在每个页面加载时检索并设置该值。

Answer 2

您有很多选项，可以使用以下方法在页面之间保存背景颜色：