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只能保存stings，因此无法在其中设置布尔值。因此，将其设置为：

$("#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);

javascript localstorage不禁用该按钮

2 个答案: