2012-05-17 268 views
0

我正在設計一個使用bootstrap的網站,需要我使用字體大小調整。我試圖用一些JavaScript和jQuery來做到這一點。腳本運行但字體大小沒有響應。我怎樣才能使它工作,我如何使用這些javascript中的重要內容。字體大小更改

$(".decreaseFont").click(function(){ 
var currentFontSize = $('html').css('font-size'); 
var currentFontSizeNum = parseFloat(currentFontSize, 10); 
var newFontSize = currentFontSizeNum*0.8; 
$('html').css('font-size', newFontSize); 
return false; 
+3

http://jsfiddle.net/LHzBS/1/工程確定:○ –

回答

0

您的代碼正在工作。

小提琴:http://jsfiddle.net/LHzBS/1

也許這是文件中的其他代碼有錯誤。您可以使用Web控制檯進行調試,使用:

debugger; 

添加斷點。

0

可能是因爲您正在測試的瀏覽器不會自動將像素假定爲單位。爲了安全起見,請將最後一行更改爲此

$('html').css('font-size', newFontSize+'px') 
+1

你不必這樣做。 jQuery將爲你做到這一點。 –