点击链接时的查看图标（例如眼睛图标）

我想在点击链接后显示眼睛图标。例如。我有一个工作列表，我看到一个帖子，然后点击查看详细信息之后，它应该显示一个图标，告诉我我已经访问过这个帖子，并且我必须将查看的帖子存储在一个收藏集中并进行检索。我试图在点击时显示一个眼睛图标，但当我刷新页面时，它不显示。如何解决它？任何人都可以帮我解决这个问题。提前致谢。点击链接时的查看图标（例如眼睛图标）

这里是我想

样品HTML和JS

$(document).ready(function(){ 
$("#eyeIcon").hide(); 
    $("#search").click(function(){ 
     $("#eyeIcon").show(); 
    }); 

});

来源

2016-07-28 sailu

你的问题已经不是一个简单的jQuery的答案。您的DOM（html）中的Javascript变量或JavaScript更改不会被存储。你需要一种方法来存储这可以通过多种方式

在cookie
在localStorage的
在服务器上的数据库来完成这些项目在这种情况下（我宁愿这个）你需要AJAX

而且你需要在你的网站的负载接收这些值，然后显示在存储在cookie中/ localStorage的/数据库中的每个项目的图标（你的选择）

我希望这会帮助你:)

来源

2016-07-28 09:54:38

我更喜欢第3之一。我的问题是如何修复图标，虽然页面刷新？对我来说，刷新页面时图标不显示。它应该显示在youtube中。如果我们观看视频，我们会看到“已观看”文字。我看起来像那样。这对我来说是新的..你能帮我吗？ – sailu

我有一个集合来存储发布的作业。所以用户点击查看一个帖子的详细信息，它应该向用户显示一个图标，表示您查看了该帖子。希望你明白我的问题。 – sailu

我还没有试用:visited CSS选择器，但你可以从那里开始。看起来有一些特定的安全问题将其限制为一组有限的属性，但是您可能能够使用颜色“破解”一个解决方案来显示图标。

https://developer.mozilla.org/en/docs/Web/CSS/:visited

这说明的jsfiddle的想法：https://jsfiddle.net/0ryo6sod/

来源

2016-07-28 09:57:24

我认为你需要像“一个：拜访”，然后根据该结果设置图标。这是一个CSS伪检查，但对大多数浏览器来说这是一个安全风险，请参阅Google chrome a:visited background image not working。你也许可以有这样的事情：

JAVASCRIPT

$("#search").click(function(){ 
    if ($("a:visited")) { 
     //hide link 
     $("#eyeIcon").show(); 
    } else { 
     //show link 
     $("#eyeIcon").hide(); 
    } 
});

未测试

来源

2016-07-28 10:00:30 ThatAwesomeCoder

点击链接时的查看图标（例如眼睛图标）

回答

相关问题