Question

在HTML中，我创建了一个标题，我想通过使用绝对位置来居中水平（因为它必须落在另一个元素上）。

我将在document ready

上使用以下代码

$('.content').find('.title').each( function() {
   var h = $(this).find('h1');
   h.css('marginLeft', -(h.outerWidth()/2));
});

当我记录<h1>它输出232px（在这种情况下），而实际输出应该是242px。在使用以下PHP代码执行的标题中，outerWidth只是不正确的：

echo (strlen($title) > 20 ? substr($title, 0, 20) . ".." : $title);

在window resize上执行如上所示的相同jQuery代码。浏览器调整大小时outerWidth的结果也会被记录，并且正确！

所以我试图通过向$(window).resize();添加document ready来创建一些黑客行为，但这并不起作用。

在this Stack Overflow question中，我发现在必须使用PHP window load之后运行jQuery。但是将$(window).resize();或完整的jQuery替换代码添加到窗口加载都不起作用..