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

关于jQuery的:$(窗口).resize()不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17477462/

10-13 04:54