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');