JQuery：$（window）.resize（）无效

Question

我正在尝试在页面加载时手动触发$（window）.resize（）方法。 我创建了一个函数来在页面上垂直和水平居中div元素

$(window).resize(function(){
    $('.pagecentered').css({
        position: 'absolute',
        left: ($(window).width() - $('.pagecentered').outerWidth())/2,
        top: ($(window).height() - $('.pagecentered').outerHeight())/2
    });
});

在此功能之后，我致电

$(window).resize();

手动触发resize（）事件。

不幸的是它不起作用。在重新加载时，div不按预期居中。 如果我调整浏览器窗口的大小，则div元素居中，它不会在页面加载时触发。

有什么方法可以解决这个问题吗？ 我使用的是Chrome 27.0.1453.116 m（最新版本的atm）和JQuery 1.10.2

Answer 1

您需要使用trigger：$(window).trigger('resize');