jquery - 更改链接到访问页面的 div 的背景

Question

对，因为 :visited 不再起作用了，无论如何使用背景图像，我正在寻找替代方案。

我有一个页面，上面有 3 张图片，每个都有相同的背景图片（一个封闭的盒子），点击这些盒子中的任何一个都会带你到网站的不同部分，但我想要它，当用户返回到索引页面 - 带有 3 个 div - 之前单击的 div 的背景图像已更改（打开框）。

所以正如我之前所说，我想我正在寻找一个替代方案：visited，我猜这将通过 jquery + cookies 完成？

希望这是有道理的！

我只要求它与 chrome 一起使用。

Answer 1

如果您要使用 cookie 选项，可以在此处下载 jQuery 插件：

https://github.com/carhartl/jquery-cookie

当有人点击其中一个链接时，注册访问：

$('a').click(function () {
    $.cookie('the_cookie', 'the_value', { expires: 7 });
});

在页面加载时，检查他们是否是回访者并计算出新背景：

$(function () {
    if ($.cookie('the_cookie') == 'the_value')
        $('div').css('background-image', 'new image');
});