javascript - javascript localstorage没有禁用按钮

Question

我有一个网页以分页格式显示数据。我的网页中有一些滑块来控制显示。因此，我有一个按钮，单击该按钮时，将仅显示与滑块条件匹配的值。为此，我有 localstorage 来保持按钮在所有页面上都处于禁用状态。但是，一旦我导航到另一个页面，该按钮就会再次重新启用。这是我的代码。

$("#update").click(function (){
              this.disabled = true;
              localStorage.setItem("updateDisabled", true);

在显示更新显示的 jquery 中，我包含了以下几行。

var disabled = localStorage.getItem("updateDisabled");
            if (disabled) $('#update').attr('disabled', disabled);
            window.console && console.log(masterData,count);
            $(this).toggle(count==masterData.length);

需要进行哪些更改才能使所有页面中的按钮都处于禁用状态？

Answer 1

尝试这样的事情，以确保页面已完成加载。

$(document).ready(function() {
    if (localStorage.getItem("updateDisabled")) {
        $('#update').attr('disabled', true);
    }else {
        $('#update').removeAttr('disabled');
    }
});

Answer 2

由于 localStorage 只能保存字符串，因此您不能在其中设置布尔值。因此，将其设置为：

$("#update").click(function (){ 
this.disabled = true; 
localStorage.setItem("updateDisabled", 'true');

并得到它

var disabled = localStorage.getItem("updateDisabled"); 
if (disabled=='true') $('#update').attr('disabled', disabled); 
window.console && console.log(masterData,count); 
$(this).toggle(count==masterData.length);