Jquery onclick隱藏圖像並在頁面重定向後保持隱藏狀態

Question

美好的一天大家好，我在隱藏圖像方面存在問題。我想出已經如何使用如下代碼隱藏圖像：

$(document).ready(function(){ 
    $("#optlogo").click(function(){ 
    $("#optlogo").hide(); 
    }); 
    $("#optenhanceseo").click(function(){ 
    $("#optenhanceseo").hide(); 
    }); 
}); 

我的HTML是

<a href="http://localhost/dev/checkout?action=add&subscription=5"><img src="http://localhost/dev/wp-content/uploads/2014/08/logo.jpg" id="optlogo"></a> 

<a href="http://localhost/dev/checkout?action=add&subscription=2"><img src="http://localhost/dev/wp-content/uploads/2014/08/seo.jpg" id="optenhanceseo"></a> 

現在，當我點擊圖像，並重定向到該頁面的圖像仍然存在的問題發生。我的問題是： 如何保持圖像隱藏？

答案是非常感謝。

Answer 1

兩件事情：

1. 你缺少在選擇一個#：

   $("#optlogo").hide(); 
   

2. 您可以使用cookies設置，它應該被隱藏。我會建議使用jQuery-Cookie插件，使用這種方式：

   $.cookie('logohide', true); 
   

   所以，每次加載網頁時，檢查此：

   if ($.cookie('logohide')) 
       $("#optlogo").hide(); 
   

另外，如果你不想它重定向，在函數調用中給出event.preventDefault()：

$("#optlogo").click(function(e){ 
    e.preventDefault(); 
    $("#optlogo").hide(); 
});