使用localStorage（）在模態中保存一個「關閉」狀態，所以它不會再顯示給那個用戶

Question

我有一個彈出式模式，我在加載時在我的頁面上加載，我想使它成爲一次它已關閉，不會再次顯示該用戶。我用localStorage();做了類似的事情，但由於某些原因無法弄清楚這個工作的語法。

我嘗試了一個解決方案，它設置了一個類，但在刷新它將重新加載原始元素，所以現在我正在嘗試這個想法，將模態的狀態更改爲「已訪問」。任何想法，我可能會錯過，以我希望的相同方式來工作？

localStorage的功能：

$(function() { 

    if (localStorage) { 
     if (!localStorage.getItem('visited')) { 
      $('.projects-takeover').show(); 
     } 
    } else { 
     $('.projects-takeover').show(); 
    } 

    $('.projects-close').click(function() { 
      $('.projects-takeover').fadeOut(); 
    }); 
     localStorage.setItem('visited', true); 
     return false; 
    }); 

這裏是一個jsfiddle與實施以及代碼，感謝您的幫助！

Answer 1

你的javascript代碼是正確的。好東西你添加了一個jsfiddle，因爲問題變得非常容易識別 - 模式的風格設置爲始終可見。只需將display屬性更改爲.projects-takeover類中的nonе即可。退房的更新fiddle

Answer 2

試試這個 - >

$(function() { 
    var pt = $('.projects-takeover'); //i just hate repeating myself. 
    if (localStorage) { 
    if (!localStorage.getItem('visited')) { 
     pt.show(); 
    } else { 
     pt.hide(); //this bit was missing 
    } 
    } else { 
    pt.show(); 
    } 

    $('.projects-close').click(function() { 
     pt.fadeOut(); 
    }); 
    localStorage.setItem('visited', true); 
    return false; 
});