獲取元素重置爲默認大小後字體增大/減小

Question

如何讓我的頁面上的元素，以重置後的字體增加違約/減少

我試過以下，但收效甚微（字體增加/減少工作）：

jsfiddle

這裏是我的代碼：

$(".resetFont").click(function() { 
}); 

$(".increaseFont").click(function() { 
    var fontSize = getFontSize(); 
    var newFontSize = fontSize + 1; 
    setFontSize(newFontSize); 
    return false; 
}); 

$(".decreaseFont").click(function() { 
    var fontSize = getFontSize(); 
    var newFontSize = fontSize - 1; 
    setFontSize(newFontSize); 
    return false; 
}); 

function getFontSize() { 
    var currentSize = $("html").css("font-size"); 
    var currentSizeNumber = parseFloat(currentSize, 12); 
    if (currentSizeNumber > 24) { 
     currentSizeNumber = 24; 
    } 
    if (currentSizeNumber < 10) { 
     currentSizeNumber = 10; 
    } 
    return currentSizeNumber; 
} 

function setFontSize(size) { 
    $("html").css("font-size", size); 
    $(".actualSize").html(size); 
} 

Answer 1

var defaultFontSize = $('html').css('font-size'); 

$(".resetFont").click(function() { 
    $('html').css('font-size', defaultFontSize); 
}); 

Updated DEMO

Answer 2

var defaultFontSize = $('html').css('font-size'); 
$(".resetFont").click(function() { 

$("html").css("font-size", defaultFontSize); 
    $(".actualSize").html(defaultFontSize); 


}); 

Answer 3

只需設置你想要的原始字體大小是什麼：

$(".resetFont").click(function() { 
     $("html").css("font-size", '24px'); 
}); 

Answer 4

$('.resetFont').click(function(){ 
    setFontSize('auto'); 
} 

真的沒人了嗎？