jquery - browserstate/ajaxify: jquery を動的にロードする際の問題

Question

はじめに

browserstate/ajaxifyを使用して、(wordpress) ポートフォリオを、必要に応じてサイトの一部のみをリロードする Web サイト (ajaxify) に変えています。 .

私のポートフォリオは 2 つのテンプレートで構成されています。詳細ページへの 9 つのプロジェクト/リンクを含む概要ページ。タイトル、テキスト、ビデオ、画像を含む詳細ページ。

問題

詳細ページでfitvidライブラリを使用して、vimeo プレーヤーに応答性を追加しています。詳細ページが非同期で読み込まれている間 (browserstate/ajaxify を使用)、この JavaScript は機能しません。したがって、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 );
});