带有phonegap和jquery mobile的$ .getScript和css问题
这是我的文件。
保留/www/js/index.js原样。
页面流应该是: app starts – > index.html – >从indexB.js加载MainPage.html – > MainPage.html但是所有的css都没有加载。
当我从index.html中删除’body onload =“init();”’并复制并过去MainPage.html到index.html的主体时,css没有问题。
由此,我检查了所有的css路线都是正确的。
/www/index.html
/www/js/indexB.js
var pagesHistory = []; var currentPage = {}; var path = ""; function init(){ $("div[data-role='page']").load(path + "pages/MainPage.html", function(){ $.getScript(path + "js/MainPage.js", function() { if (currentPage.init) { currentPage.init(); } }); }); }
/www/pages/MainPage.html
$.getScript(path + "js/MainPage.js"); .........
/www/js/MainPage.js
currentPage = {}; currentPage.init = function() { $.getScript(path + "css/MainPage.css"); };
/www/css/MainPage.css
.navBtns { display: block; clear: both; } ....... a#mine{ background-color: #fdedb1; }
是否在MainPage.js中定义了变量路径? 我猜这不是因为它超出了范围。 通过发出警报(路径)来测试它; 在MainPage.js。