jquery - jquery resize 仅在窗口调整大小时触发

Question

我有一个 div，我希望宽度为屏幕宽度的 20%，然后让高度也成为该值。我已经使用 jquery 窗口宽度设置它，但它似乎真的不一致。它有时只会更改值，并且仅在窗口扩展时，当您关闭窗口时它不会做任何事情。

你可以在这里看到一个演示：http: //jsbin.com/otuvik/2/edit

感谢您对此的任何帮助。

Answer 1

thedocument和 thewindow不是一回事：

$(document).ready(function() {

  $(window).on('resize', function() {
    $('#wrapper').css('width', $(window).width());
    $('#circle').css({
        height: $(window).width() * 0.2,
        width : $(window).width() * 0.2
    });
  }).trigger('resize');

});

小提琴