フォントサイズを変更する必要があるページがあります。
単純化されたセットアップは次のとおりです。
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;
}
何らかの理由で、これが機能していないことを特定できませんでした。ここにもフィドルがあります。
お時間をいただきありがとうございます。