javascript - 修改一个 jQuery 函数来调整一个 div 的大小

Question

我目前使用 jQuery 函数创建方形 div。正方形大小基于浏览器变量的高度。效果很好。

<script>
$(window).ready(updateWidth);
$(window).resize(updateWidth);

function updateWidth()
{
var square = $('.square');
var size = square.height();

square.css('width',size);
}
</script>


.square {
height:100%;
float:left;
position:relative;
}

我想做的是:对于某些使用此函数 (.half) 的 div，将宽度除以二。

对于“.square”div:保持宽度，保持高度；

对于 ".square .half"div :保持高度，新的宽度 = width/2;

我不知道如何修改我的功能，如果有人能帮助我。

谢谢，

塞巴斯蒂安

Answer 1

试试这个:

function updateWidth()
{
    var square = $('.square');
    var squareHalf = $('.half');
    var size = square.height();
    square.css('width',size);
    squareHalf.css({'width':''+size/2+'px','height':''+size/2+'px'});
}

Demo