函數總是返回true

Question

$(document).ready(function() {

var state = localStorage.hasOwnProperty('sidebarState') ? localStorage.getItem('sidebarState') : false;

function setState() {
    if(state) {
        $('#sidebar').css('transform', 'translate(0,0)');
        state = false;
    }
    else {
        $('#sidebar').css('transform', 'translate(-100%,0)');
        state = true;
    }
    localStorage.setItem('sidebarState',state);
}

$('#sidebar_button').click(setState);

setState();

});

總是在我重新加載頁面時此返回true，即使之前它為false，也是如此。

Answer 1

localStorage.setItem需要兩個字符串。 因此，布爾值false將被強制轉換為字符串“ false”，其結果將為true。

一種解決方法是

localStorage.setItem('sidebarState', state ? state : "");

因為一個空字符串將計算為false。

資源：
http://dev.w3.org/html5/webstorage/#storage

Answer 2

我懷疑您將狀態設置為true，然后使用

localStorage.setItem('sidebarState',state);

刷新頁面時，狀態將從localStorage讀入並評估為true。