Javascript jQuery UI爆炸效果在其他页面上不起作用

我在一些文本上使用jQueryUI的爆炸效果。虽然代码在我的索引页上工作，但在重定向到另一页（通过使用

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>

标题
副标题

您能否创建一个plnkr来重现问题？它是。虽然它在这里工作得很好，但在我工作时似乎失败了。我正在使用Cloud9，这会影响什么吗？我没有尝试过Cloud9。您是否在plnkr查看了

控制台
未捕获错误：引导程序的JavaScript需要jQuery
加载引导程序的程序需要定义jQuery，但它位于`加载jQuery的程序的html

前面。感谢您的帮助。我决定改用泡芙效果，它的效果完美无瑕。