點擊鏈接時的查看圖標（例如眼睛圖標）

我想在點擊鏈接後顯示眼睛圖標。例如。我有一個工作列表，我看到一個帖子，然後點擊查看詳細信息之後，它應該顯示一個圖標，告訴我我已經訪問過這個帖子，並且我必須將查看的帖子存儲在一個收藏集中並進行檢索。我試圖在點擊時顯示一個眼睛圖標，但當我刷新頁面時，它不顯示。如何解決它？任何人都可以幫我解決這個問題。提前致謝。點擊鏈接時的查看圖標（例如眼睛圖標）

這裏是我想

樣品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

點擊鏈接時的查看圖標（例如眼睛圖標）

回答

相關問題