代码之家 › 专栏 › 技术社区 › BlueDogRanch

在body load或document ready时读取本地存储的值

local-storage jquery-ui jquery javascript

BlueDogRanch · 技术社区 · 7 年前

currentIdx 以下内容:

$("#tabs").tabs({
 active: localStorage.getItem("currentIdx"),
 activate: function(event, ui) {
      localStorage.setItem("currentIdx", $(this).tabs('option', 'active'));
  }
});

当前IDX

我也在使用这个函数

function checkStorage(){
    if (localStorage.getItem("currentIdx") == "1") {
$('body').addClass('yes');  
    } else {
$('body').addClass('no');   
    };
}

当前IDX body.yes body.no .我用这身标签开火 checkStorage

<body onload="checkStorage()">

在初始页面加载时,我看到 <body onload="checkStorage()" class="not"> <body onload="checkStorage()" class="yes"> 在dev工具和主体css中更改。

当前IDX

之后

那么,我该如何让我的身体课一直被阅读呢?我试过了 $(document).ready(function()

编辑

onload="checkStorage() <body> 可能不是真的很漂亮,但它很管用:

$(document).ready(function() {

    checkStorage();

        $("#tabs").tabs({
        active: localStorage.getItem("currentIdx"),
        activate: function(event, ui) {
        localStorage.setItem("currentIdx", $(this).tabs('option', 'active'));

    checkStorage();

    }
});

function checkStorage(){

        if (localStorage.getItem("currentIdx") == "1") {
        $('body').toggleClass('sucks').addClass('yes');  
        } else {
        $('body').removeClass('not').addClass('no');   
        };
        }

});

1 回复 | 直到 7 年前

Shiladitya 7 年前

给你一个解决方案

$("#tabs").tabs({
  active: localStorage.getItem("currentIdx"),
  activate: function(event, ui) {
    localStorage.setItem("currentIdx", $(this).tabs('option', 'active'));
    checkStorage();
  }
});

function checkStorage(){
  if (localStorage.getItem("currentIdx") == "1") {
    $('body').removeClass('no').addClass('yes');  
  } else {
    $('body').removeClass('yes').addClass('no');   
  }
}