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

您有一個錯字：宣稱爲current有三個'r'：var currrent。

Answer 2

與下面的代碼

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