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);
}