我正在尝试使用增加字体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,它可以工作。但是在随后的点击中,高度已经设置为自动,因此它没有任何区别。如果有人能告诉我如何修改我的代码,我将非常感激。
答案 0 :(得分:0)
尝试
$j("#content").css({'height' : 'auto'});
或更多信息是必需的。
#content
的css是什么?你在CSS中的任何其他元素上设置了明确的高度吗?