2011-04-23 84 views
0

我試圖使用增加字體jquery腳本,但是當字體大小增加時,我不知道如何使jquery重新加載div大小,以便滾動條出現/消失。我已經變得非常接近了,但是我的代碼只在第一次點擊時才起作用,隨後它不會更新。這裏是代碼:.height重新加載div高度多次

<script type="text/javascript"> 
$j(document).ready(function(){ 
    // Reset Font Size 
    var originalFontSize = $j('html').css('font-size'); 
    $j(".resetFont").click(function(){ 
    $j('html').css('font-size', originalFontSize); 
    }); 
    // Increase Font Size 
    $j(".increaseFont").click(function(){ 
    var currentFontSize = $j('html').css('font-size'); 
    var currentFontSizeNum = parseFloat(currentFontSize, 10); 
    var newFontSize = currentFontSizeNum*1.2; 
    $j('html').css('font-size', newFontSize); 
    $j("#content").height(auto); 
    return false; 
    }); 
    // Decrease Font Size 
    $j(".decreaseFont").click(function(){ 
    var currentFontSize = $j('html').css('font-size'); 
    var currentFontSizeNum = parseFloat(currentFontSize, 10); 
    var newFontSize = currentFontSizeNum*0.8; 
    $j('html').css('font-size', newFontSize); 
    return false; 
    }); 
}); 
</script> 

我加了這個$​​ j(「#content」)。height(auto);到增加高度結束。從第一次調用該函數時我收集的信息中,將高度設置爲自動工作。但後來的點擊高度已經設置爲自動,所以它沒有什麼差別。如果有人能告訴我如何修改我的代碼,我將非常感激。

回答

0

嘗試需要

$j("#content").css({'height' : 'auto'}); 

或瞭解更多信息。

#content的css是什麼,你有什麼明確的高度設置在你的CSS中的任何其他元素?

+0

無未對#內容工作:(我的CSS是: #內容{ \t高度:100%; \t保證金:無; } 整個頁面被設置成百分比的高度,確實這有什麼區別嗎? – user648466 2011-04-23 12:27:42

+0

是的,如果頁面高度爲100%(基於'html,body {height:100%;}'?),那麼較大的字體大小可能會增加超過該值你將高度設置爲auto,沒有其他高度可以繼承 - 但是,如果沒有看到整個頁面結構,我不想說這個高度對這個設置有多嚴格 – clairesuzy 2011-04-23 12:59:36

+0

yes頁面和html設置爲10 0%。如何編輯以下代碼以僅加載特定div $ j(「#content」)。load(「target.html」); 而不是'目標'我將如何定義包含在'目標'內的div? – user648466 2011-04-23 13:32:09