jQuery：调整大小后重新计算浏览器宽度

Question

我有这个简短的脚本，在我的屏幕右侧放置一个div。 一切工作正常，直到我调整我的浏览器。

$(document).ready(function() { 

    var width = $(window).width(); 
    var height = $(window).height(); 

    $('.boxright').css({"left": width -500 + "px"}); 

}); 

我现在的问题：如何在重新调整大小后重新计算浏览器宽度？ 我知道有$(window).resize但我的编码技能太有限，无法正常工作， 因此，如果任何人都可以提供一些工作线，那将是非常棒的。谢谢。

Answer 1

将代码放在一个功能，让你可以把它都在页面加载时和当页面尺寸缩小：

function setSize() { 
    var width = $(window).width(); 
    $('.boxright').css({"left": width -500 + "px"}); 
} 

$(document).ready(function() { 
    setSize(); 
}); 

$(window).resize(setSize); 

您也可以考虑简单的元素与右边而不是左边对齐，例如：

$(document).ready(function() { 
    $('.boxright').css({"right": "200px"}); 
} 

Answer 2

你可以尝试使用resize()就像你在你的问题描述一下：

$(document).ready(function() { 

    $(window).resize(function() { 
     var width = $(window).width(); 
     var height = $(window).height(); 

     $('.boxright').css({"left": width -500 + "px"}); 
    }); 

});