jquery - 使用Ajax、jQuery时维护a:visited links的方法

Question

我正在使用 jQuery ajax 将内容加载到我的网页中。

当用户点击一个链接时，href 会变成不同的颜色，表示他们点击了该链接。然而，问题是当从页面中刷新 ajax 内容以加载其他内容，然后再返回时，用户之前所做的 href 选择将不再保留。

我正在寻找一种方法来跟踪用户在浏览 ajax 网站时访问了哪些链接，以便所有a:visited链接都保持不变。

内容是动态的，由 MySQL 数据库提供。

Answer 1

如果您使用 ajax 加载内容，我会假设之前单击的内容是简单地使用类来跟踪？

$(document).on('click', 'a', function(e) {
    e.preventDefault();
    //do some ajax stuff
    $(this).addClass('visited');
});

小提琴

如果您正在使用 ajax 重新加载内容，并希望记住访问过的链接，那么它们将不会被记住。您可能需要使用 cookie、本地存储或跟踪服务器上单击的内容，例如在会话变量中使用获取内容的同一 ajax 调用中的正确链接进行更新。

那么问题是为什么要从数据库中重新加载内容，而不是在页面上已经存在内容时将其分离并重新附加。