Я работаю над простым скриптом для увеличения / уменьшения размера шрифта с помощью Jquery. Вот HTML-код:
<head>
<title>Font Sizer</title>
</head>
<body>
<a id="increase" href="#">+</a><br/>
<a id="decrease" href="#">-</a>
<p>blah blah blah blah blah blah blah blah blah</p>
</body>
Код JQuery:
$(document).ready(function(){
var textsize = $('p').css("font-size");
var textunit = textsize.slice(-2);
textsize = parseFloat(textsize, 10);
console.log(textsize);
$('#increase').click(function(){
textsize++;
console.log(textsize);
('p').css('font-size', textsize + textunit);
});
});
Я работаю над jsFiddle, поэтому не требуется тег сценария для Jquery.
Может кто-нибудь сказать мне, почему размер шрифта не увеличивается, когда я нажимаю +?