jQuery - 使高值与宽度值相同

Question

我尝试使宽度和高度相同。

我的代码

var getWidth = ($(".square").width());
$('.square').css('height',getWidth +'px');

但是当我调整窗口大小时它不起作用。

我需要使用 jquery 或 sass 来使用它。

认为

Answer 1

如果您希望方 block 更新，则需要在页面调整大小时创建一个事件处理程序。

jQuery:.on('resize', handler)或.resize(handler) .

Example

JS

function squareSize (e) {
  var sq = $('.square');
      sq.css('height', sq.width());        
}

squareSize();

$(window).on('resize', squareSize);

jQuery 文档:http://api.jquery.com/