修改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，將寬度除以2。

對於“.square”div：保持寬度，保持高度;

對於“.square .half”div：保持高度，新寬度=寬度/ 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'});
}

演示

Answer 2

你好，試試吧。 你需要在documnet上設置resize事件。

 $(document).ready(function(){
   $(window).resize(function(){
     put your code here
});
});
});

謝謝，