jQuery在文档加载问题上设置高度
我在加载文档后设置高度时遇到问题,请参见以下代码:jQuery在文档加载问题上设置高度,jquery,html,css,Jquery,Html,Css,我在加载文档后设置高度时遇到问题,请参见以下代码: <script type="text/javascript"> $(document).ready(function() { var oldHeight = $('.gallery-block').css('height'); var newHeight = oldHeight + 100; --> was for testing $('.gallery-block').
<script type="text/javascript">
$(document).ready(function() {
var oldHeight = $('.gallery-block').css('height');
var newHeight = oldHeight + 100; --> was for testing
$('.gallery-block').css('height', '+=100');
});
</script>
.gallery-block
{
float: right;
width: 100px;
height: 120px;
text-align: center;
margin-top: 20px;
}
$(文档).ready(函数(){
var oldheath=$('.gallery block').css('height');
var newHeight=oldHeight+100;-->用于测试
$('.gallery block').css('height','+=100');
});
1.画廊大厦
{
浮动:对;
宽度:100px;
高度:120px;
文本对齐:居中;
边缘顶部:20px;
}
文档加载的宽度相同,我需要它加载的高度值为+100,而无需在css中设置它。它应该按照您的方式工作<代码>$('.gallery block').css('height','+=100')代码> ` 不过,该功能是在v1.6及更高版本中添加的 或者,您可以使用
$('.gallery-block').css({height:'+=100'});
演示
对于v1.6之前的版本(如果由于某种原因不允许升级),可以使用0持续时间的动画
$('.gallery-block').animate({height:'+=100'}, 0);
演示
或
使用接受函数作为参数的版本(v1.4及更高版本)
演示在这里是一个使用.height的工作示例:它不会更改高度值,如果我先从另一个地方加载值,如:height:;它会影响文档加载过程吗?完美兄弟我想我使用的是1.6版本之前的版本,工作得非常好!
$('.gallery-block').css('height', function(index,value){ return parseInt(value)+100; });