在页面更改之前加载替换文本更改

Question

希望这是一个快速而简单的方法。我有一小段代码示例（如下），当在正文中找到一个类时，页面h1标题将更改为另一个标题。我正在处理的项目需要很多不同的模板，因此我使用jquery来完成这项工作。

以下作品：

$(function() {  
if ($(".Class").length > 0) {
      $self = $('.header > h1')
      $self.replaceWith( "<h1 class='classSomething'>" + "New Header 
Title" + "</h1>" );
}
});

然而，页面加载然后，标题更改看起来很糟糕。有没有办法确保标题在我们看到任何渲染页面之前发生变化？

就是说，我已经尝试了$（window）.load（函数....这也做了同样的事情。也许快速暂停让所有内容加载然后，页面显示？

Answer 1

我想我已经弄清楚了，这将是一个痛苦，因为正在拾取搜索类的模板只会在标题模板之后加载，这意味着它将在之后加载。我想我不得不放弃这个想法。