Question

<script>
$(document).ready(function(){
// Checks to see if div has been closed
if(sessionStorage.getItem("hide") != true) {
    $('#domainReco').show();
} else {
    $('#domainReco').css("display", "none");
}
$("#boxclose").click(function(){
    $("#domainReco").fadeOut();
    sessionStorage.setItem("hide", true);
    return false;
});  
});
</script>
echo '<div id="domainReco">';
    echo '<a class="boxclose" id="boxclose"></a>';
    echo '<h2>You are in the EU store</h2>';
    echo '<p>Want to visit the <a href="">US store</a> instead?<p>';
echo '</div>';

单击链接时，div会隐藏，但在导航到另一个页面后，div再次出现。我已经搜索过，但似乎无法修复它。

提前致谢

Answer 1

你做错了比较。变量不保存为bool，它们保存为字符串。它应该是：

 sessionStorage.getItem("hide") !="true"//not (sessionStorage.getItem("hide") !=true)

jQuery没有隐藏div

1 个答案: