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"});
    });

});

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

2 个答案: