JQuery：更改字体大小不起作用

Question

我正在关注 thenewboston.com 上的教程：我完全按照教程给出的内容进行了复制：他的作品，但不是我的：错误在哪里？ alert(current) 应该返回当前的字体大小：尽管我已经按照教程精确地用分号表示分号，用逗号表示逗号，但没有任何效果。 （我根据教程反复输入和重新输入：它在教程中有效，但不适用于我。）

这里是html：

  <!-- font size switcher-->
  Font size: <a href="#" id="smaller">Smaller</a>  <a href="#" id="bigger">Bigger</a>

 <p>This is some text</p>
  <p>This is some more text</p>

  <!--- script links --->  
  <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
  <script type="text/javascript" src="js/selectors_two.js"></script> 

代码如下：

function change_size(element, size) {
    var currrent = element.css('font-size');
    // Check: alert() to return current font-size
    alert(current);

}
// derisive comment...
alert('Ha! You thought this would work!');

$('#smaller').click(function() {
change_size($('p'), 'smaller');
});

$('#bigger').click(function() {
change_size($('p'), 'bigger');
});

即使在这个阶段的代码后面还有更多的编码，所有需要发生的只是警报（当前）。但事实并非如此。为什么？

是的，我知道 .on() 的用法：我什至尝试使用 .on() 进行重铸。

Answer 1

你有一个错字：用三个“r”声明current：var currrent。

Answer 2

用下面的代码替换你的代码

function change_size(element, size)
{
var current=element.css("font-size");
alert(current);
}