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