5

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

4

1 回答 1

2

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

于 2013-07-04T20:50:46.153 回答