2016-03-25 2 views
2

私のウェブページでは、ページをリフレッシュした後にフォントサイズを増減するボタンが2つあります。セッション/ローカルストレージを使用してもフォントサイズは<body>に戻ります。 、私は私のかみそりのhtmlページにこのスクリプトを呼び出す:asp.net mvc5ページのリフレッシュ後のフォントサイズの設定

$(document).ready(function() { 
 
    
 
    if (sessionStorage.fontSize) { 
 
     alert(sessionStorage.getItem("FontSize")); 
 
     $('body').css("font-size", sessionStorage.getItem("FontSize")); 
 

 
    } 
 
     $(".font-button").bind("click", function() { 
 
      var size = parseInt($('body').css("font-size")); 
 
      
 
      if ($(this).hasClass("plus")) { 
 
       
 
       size = size + 2; 
 
       if (size >= 27) { 
 
        size = 27; 
 
       } 
 
      } 
 
      else { 
 
       size = size - 2; 
 
       if (size <= 10) { 
 
        size = 10; 
 
       } 
 
      } 
 
      $('body').css("font-size", size); 
 
      sessionStorage.setItem("FontSize", size) 
 
     }); 
 
    }); 
 

 

それは

$('body').css("font-size", sessionStorage.getItem("FontSize"));
ラインのようなものです

は、私は、誰かが私を助けることを願って...ページを更新した後

を無視されるだろう。

PSは:私にとって、このdoesn'tの作品:あなたがユニットを追加する必要が How to keep font size always 150% after page refresh or open page again?

+0

が、それは 'べきでない場合(sessionStorage.getItem( "のFontSize" )){'if(sessionStorage.fontSize){'の代わりに{'? – LGSon

+0

はいはい、どちらの場合もセクションが入力されますが、私は警告メッセージでこれを証明しました – WuzlBuzl

答えて

1

、すなわちpx

$(document).ready(function() { 

    if (sessionStorage.fontSize) { 
     alert(sessionStorage.getItem("FontSize")); 
     $('body').css("font-size", sessionStorage.getItem("FontSize")); 

    } 
    $(".font-button").bind("click", function() { 
     var size = parseInt($('body').css("font-size")); 

     if ($(this).hasClass("plus")) { 

      size = size + 2; 
      if (size >= 27) { 
       size = 27; 
      } 
     } 
     else { 
      size = size - 2; 
      if (size <= 10) { 
       size = 10; 
      } 
     } 
     $('body').css("font-size", size + 'px');   /* added unit */ 
     sessionStorage.setItem("FontSize", size + 'px') /* added unit */ 
    }); 
}); 
関連する問題