.height多次重新加载div高度

时间:2011-04-23 11:07:21

标签: jquery

我正在尝试使用增加字体jquery脚本,但是当字体大小增加时,我不知道如何让jquery重新加载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);到最后增加高度。从第一次调用函数时我收集到的内容,它将高度设置为auto,它可以工作。但是在随后的点击中,高度已经设置为自动,因此它没有任何区别。如果有人能告诉我如何修改我的代码,我将非常感激。

1 个答案:

答案 0 :(得分:0)

尝试

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

或更多信息是必需的。

#content的css是什么?你在CSS中的任何其他元素上设置了明确的高度吗?