browserstate / ajaxify：动态加载jquery时出现问题

Question

简介

我正在使用browserstate/ajaxify将我的（wordpress）投资组合变成一个网站，只有在必要时才重新加载部分网站（ajaxify），确保每个更改都在地址栏中显示，并且最重要的是SEO优化（历史api）。

我的投资组合包含两个模板。包含9个项目/详细信息页面链接的概述页面。还有一个带有标题，文字，视频和细节的详细页面图像。

问题

我在详细信息页面上使用fitvid库来增加对vimeo播放器的响应能力。异步加载detailpage时使用这段javascript不起作用（使用browserstate / ajaxify）。所以jquery，fitvid和我的main.js需要再次动态添加。

我试图在document.ready中使用getScript来动态加载这些文件而不会有任何成功。

$.getScript("http://portfolio/wp-content/themes/rwd_theme/javascripts/foundation/jquery.js")
.done(function(script, textStatus) {
    console.log( textStatus );
});

$.getScript("http://portfolio/wp-content/themes/rwd_theme/js/jquery.fitvid.js")
.done(function(script, textStatus) {
    console.log( textStatus );
});
$.getScript("http://portfolio/wp-content/themes/rwd_theme/js/main.js")
.done(function(script, textStatus) {
    console.log( textStatus );
});