介绍
我正在使用browserstate/ajaxify将我的(wordpress)投资组合转变为一个网站,该网站仅在必要时重新加载网站的部分内容(ajaxify),并确保每个更改都在地址栏中可见,最重要的是 SEO 优化(历史 api) .
我的投资组合包含两个模板。包含 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 );
});