Jquery窗口调整错误

Jquery窗口调整错误,jquery,css,resize,bpopup,Jquery,Css,Resize,Bpopup,我有一个弹出窗口,我试图动态调整大小并保持水平居中。由于弹出窗口需要在移动和桌面环境中都能工作,因此我编写了一个jQuery快速代码,以便在窗口宽度小于弹出窗口的max width时处理重新调整大小并删除边距。这一切都正常工作,除了当我慢慢调整窗口大小时,弹出窗口默认为拥抱左边缘,而不是保持居中。这是我的代码,任何帮助都将不胜感激,因为CSS仍然有点让我不知所措 jQuery: $(window).resize(function(){ var w = $('.body').width()

我有一个弹出窗口,我试图动态调整大小并保持水平居中。由于弹出窗口需要在移动和桌面环境中都能工作,因此我编写了一个jQuery快速代码,以便在窗口宽度小于弹出窗口的
max width
时处理重新调整大小并删除边距。这一切都正常工作,除了当我慢慢调整窗口大小时,弹出窗口默认为拥抱左边缘,而不是保持居中。这是我的代码,任何帮助都将不胜感激,因为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"});
    }
});

谢谢

更改此代码:

$(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"});
    }
});
$(窗口)。调整大小(函数(){
var w=$(窗口).width;
如果(w>1000){
$('.popup_modal').css({“左”:(w-1000)/2+“px”});
}否则,如果(w<1000){
$('.popup_modal').css({“left”:“0px”});
}
});

你的身体上真的有一个叫做
.body
的类吗?或者这是一个输入错误?我的第一个想法是为什么要使用float:left?@Chad这是一个输入错误,从另一个关于窗口大小调整代码的答案中得到。将其更改为$(window.width)似乎就可以做到这一点。谢谢@Cam是的,原来我以为这是bpopup需要的。我猜我错了:)哦,很好:)我很高兴你一个人发现了这一点