jQuery UI爆炸效果无法在其他页面上运行

Question

我正在使用jQuery UI对某些文字的爆炸效果。虽然代码在我的索引页面上有效，但是在重定向到另一个页面后，爆炸效果会停止工作（使用window.location.replace()）。相反，文本只是消失而没有任何影响。

这是Javascript代码：

setTimeout(function() {
    $(".header-primary").hide("explode", {pieces: 32}, 2000);
}, 3000);

代码被放入一个JavaScript文件中，所有页面都在头文件中。所有页面的头部完全相同。此外，所有页面都共享我要爆炸的同一段代码：

<h1 class="header-primary">
    <em>Header</em>
    <h1 class="header-primary-subheader">Subheader</h1>
</h1>