Jquery窗口調整大小錯誤

Question

我有一個彈出窗口我試圖動態調整大小並保持水平居中。由於彈出窗口需要在移動和桌面環境下工作，爲了處理重新調整窗口大小並刪除窗口寬度（如果窗口寬度小於彈出窗口的max-width），我寫了一些jQuery。這一切都按照它應該的方式工作，除了每當我緩慢調整窗口大小時，彈出菜單默認爲擁抱左邊而不是保持居中。這是我的代碼，任何幫助將不勝感激，因爲CSS仍然在我頭上。

的jQuery：

$(window).resize(function(){ 
    var w = $('.body').width(); 
    if (w > 1000) { 
     $('.popup_modal').css({"left": (w - 1000)/2 + "px"}); 
    } else if (w < 1000) { 
     $('.popup_modal').css({"left": "0px"}); 
    } 
}); 

CSS：

.popup_modal { 
    display: none; 
    width: 100%; 
    max-width: 1000px; 
    float: left; 
    background: #fff; 
    border: 1px solid #d4d4d4; 
    border-radius: 3px; 
    box-shadow: 0px 0px 5px #ccc; 
    position: relative; 
    margin-top: 20px; 
    padding: 20px; 
} 

謝謝！

Answer 1

更改此代碼：

$(window).resize(function(){ 
    var w = $(window).width; 
    if (w > 1000){ 
     $('.popup_modal').css({"left" : (w-1000)/2 + "px"}); 
    } else if (w < 1000){ 
     $('.popup_modal').css({"left" : "0px"}); 
    } 
});