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(); 
});