jQuery沒有保持div隱藏

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)