突出显示单击的超链接

Question

我的网页上有一个数据列表，可以在其上动态加载超链接。 在单击超链接时，相应的内容将加载到同一页面上 由于在页面刷新后加载内容，因此具有挑战性 突出显示点击的超链接。

我想通过突出显示来向用户显示他们正在阅读的内容 他们点击的超链接。

我尝试使用css，但是因为有页面刷新来加载内容，所以 不是主要突出的颜色。

我怎样才能实现这个目标？

Answer 1

如果您正在触发整页刷新，则会丢失当前加载页面的状态。有几个选项归结为：1。）用户点击时不刷新页面，2。）保存状态。

选项＃1

用户点击链接时不要触发页面刷新。而是通过AJAX调用从服务器获取内容。

例如，如果您使用jQuery作为AJAX库，则可以在所有链接上设置click处理程序。单击一个时，处理程序将触发，然后您可以通过AJAX获取内容并向单击的链接添加一个类。您的CSS可以包含一个规则，以不同的方式为其着色。

$("a").click(function () {
  var clicked = $(this);
  // get the content from the server
  $.get('ajax/test.html', function(data) {
    // drop the content into the page
    $('.result').html(data);
    // flag the link as clicked
    clicked.addClass('clicked');
  });      
});

选项＃2

存储用户单击服务器上数据库表中哪些链接的映射。每当请求页面并且您正在呈现HTML时，您可以将CSS类添加到您知道已被单击的链接中，以便在浏览器加载页面时将它们表示为不同的颜色。