JQuery:改变字体大小不起作用

时间:2015-09-05 15:06:15

标签: javascript jquery font-size

我正在关注thenewboston.com上的一个教程:我完全按照教程给出的那样复制了:他的作品但不是我的作品:错误在哪里?警报(当前)应返回当前字体大小:尽管我已按照教程精确分号分号和逗号逗号,但无效。 (我根据教程重复输入并重新输入:它在教程中有效,但不适用于我。)

这是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()重新制作。

2 个答案:

答案 0 :(得分:2)

你有一个拼写错误:宣称current有三个'r':var currrent

答案 1 :(得分:0)

用以下代码替换您的代码

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