JQuery字體大小腳本問題

我正在研究一個簡單的腳本來使用Jquery增加/減小字體大小。這裏的HTML：JQuery字體大小腳本問題

<head> 
    <title>Font Sizer</title> 
</head> 
<body> 
    <a id="increase" href="#">+</a><br/> 
    <a id="decrease" href="#">-</a> 
    <p>blah blah blah blah blah blah blah blah blah</p> 
</body>

jQuery代碼：

$(document).ready(function(){ 
    var textsize = $('p').css("font-size"); 
    var textunit = textsize.slice(-2); 
    textsize = parseFloat(textsize, 10); 
    console.log(textsize); 

    $('#increase').click(function(){ 
     textsize++; 
     console.log(textsize); 

     ('p').css('font-size', textsize + textunit); 
    }); 
});

我工作的jsfiddle，所以需要jQuery的無腳本標籤。

有人能告訴我爲什麼點擊+時字體大小不會增加嗎？

來源

2011-02-10 Hirvesh

我仍然無法弄清楚......控制檯說：遺漏的類型錯誤：對象p的無方法「CSS」 – Hirvesh 2011-02-10 07:15:19

('p')之前，你就忘記了「$」符號，它應該是：

$('p').css('font-size', textsize + textunit);

來源

2011-02-10 07:18:30

謝謝！我覺得很愚蠢。 – Hirvesh 2011-02-10 07:21:19

您可以檢查此鏈接 http://www.shopdev.co.uk/blog/text-resizing-with-jquery/

它擁有你所需要的功能，類似於你的。

來源

2011-02-10 07:12:05 NoLifeKing

我仍然無法弄清楚...控制檯說：未捕獲TypeError：對象p沒有方法'css' – Hirvesh 2011-02-10 07:14:53

JQuery字體大小腳本問題

回答

相關問題