asp.net mvc5 Schriftgröße nach der Seitenaktualisierung

auf meiner Webseite, habe ich zwei Tasten, um die Schriftgröße zu erhöhen oder zu verringern, nach einer Seite aktualisiert die Schriftgröße zurück auf die <body> Standardgröße trotz der Verwendung von Sitzung/lokalen Speicher ich nenne das Skript auf meinem Rasierer hTML-Seite:asp.net mvc5 Schriftgröße nach der Seitenaktualisierung

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

es wie die Linie ist

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

würde nach dem Aktualisieren der Seite ignoriert ...

Ich hoffe jemand kann mir helfen.

ps: dies nicht funktioniert für mich: How to keep font size always 150% after page refresh or open page again?

Quelle

2016-03-25 WuzlBuzl

Sollte es nicht sein 'if (sessionStorage.getItem ("Fontsize")) {'anstelle von' if (sessionStorage.fontSize) {'? – LGSon

Ja richtig, aber in beiden Fällen wurde der Abschnitt eingegeben, dies wurde durch eine Warnmeldung überprüft – WuzlBuzl

Sie benötigen ein Gerät hinzufügen, das heißt 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 */ 
    }); 
});

Quelle

2016-03-25 22:04:08 LGSon

asp.net mvc5 Schriftgröße nach der Seitenaktualisierung

Antwort

Verwandte Themen