2

フォントの増減後にページ上の要素をデフォルトにリセットするにはどうすればよいですか？

私は次のことを試しましたが、ほとんど成功しませんでした（フォントの増減は機能します）：

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);
}
4

4 に答える 4

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

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

更新されたデモ

于 2013-03-19T15:09:48.447 に答える
0 
var defaultFontSize = $('html').css('font-size');
$(".resetFont").click(function () {

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


});
于 2013-03-19T15:10:35.793 に答える
0

元のフォント サイズを設定するだけです。

 $(".resetFont").click(function () {
      $("html").css("font-size", '24px');
 });
于 2013-03-19T15:10:59.880 に答える
0 
$('.resetFont').click(function(){
    setFontSize('auto');
}

本当に誰もこれを手に入れませんでしたか？

于 2013-03-19T15:13:01.670 に答える