JQuery:$(window).resize() 不起作用

我正在尝试在页面加载时手动触发 $(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

请您参考如下方法:

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