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

});