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

Question

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

这里是 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);
}

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

JQuery: changing font-size not working

javascript

jquery

font-size