0

ページ分割された形式でデータを表示する Web ページがあります。私の Web ページには、表示を制御するためのスライダーがいくつかあります。そのため、クリックすると、スライダーの基準に一致する値のみが表示されるボタンがあります。このために、すべてのページでボタンを無効にしておく 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);

すべてのページでボタンを無効にするには、どのような変更が必要ですか?

4

2 に答える 2

0

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);
于 2013-11-02T01:47:22.030 に答える
0

このようなことを試して、ページの読み込みが完了したことを確認してください。

$(document).ready(function() {
    if (localStorage.getItem("updateDisabled")) {
        $('#update').attr('disabled', true);
    }else {
        $('#update').removeAttr('disabled');
    }
});
于 2013-11-02T00:47:45.300 に答える