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

两件事：

您在选择器中缺少#：
```
$("#optlogo").hide();
```
您可以使用cookies设置应隐藏它。我建议使用jQuery-Cookie插件并以这种方式使用它：
```
$.cookie('logohide', true);
```
因此，每次加载页面时，请检查以下内容：
```
if ($.cookie('logohide'))
    $("#optlogo").hide();
```

另外，如果您不想重定向，请在函数调用中提供event.preventDefault()：

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

Jquery onclick隐藏图像并在页面重定向后保持隐藏状态

1 个答案: