我有一个页面需要更改字体大小。

一个简化的设置是这样的:

HTML:

<div class="box">Some dummy text in here</div>
<a href="#" class=".decreaseFont">decrease</a>

<a href="#" class=".increaseFont">increase</a>


JS:

$(document).ready(function () {

    $(".increaseFont").click(function () {
        $(".box").css("font-size", "12px");
    });

    $(".decreaseFont").click(function () {
        $(".box").css("font-size", "11px");
    });

});


CSS:

.box {
    font-size:11px;
    padding:30px;
    border:1px solid red;
}


由于某种原因,我无法确定这是行不通的。 Here is a fiddle也。

感谢您的时间。

最佳答案

检查你的班级名称

class=".increaseFont"


从其中删除.

<a href="#" class="decreaseFont">decrease</a>
<a href="#" class="increaseFont">increase</a>


可以使用选择

$(".decreaseFont")
$(".increaseFont")


或在选择器中将其转义

<a href="#" class=".decreaseFont">decrease</a>
<a href="#" class=".increaseFont">increase</a>


可以使用选择

 $(".\\.decreaseFont")
 $(".\\.increaseFont")


Check Fiddle

关于jquery - 用jQuery更改字体大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18142116/

10-15 12:27