所以我特意尝试使用 RequireJS 和 jQuery Mobile。我想从应用程序内部加载初始页面,而不是将其直接放在 index.html 上,因为稍后我需要添加关于首先加载哪个页面的逻辑。
它没有给我任何错误,并且 jquerymobile 已加载,但页面未加载到 DOM 中。任何想法或指示将不胜感激!
main.js
require.config({
baseUrl: 'js/app',
paths: {
jquery: '../vendor/jquery-1.9.1.min',
jquerymobile: '../vendor/jquery.mobile-1.3.1.min'
},
shim: {
jquerymobile: {
deps: ['jquery']
}
}
});
require(['jquerymobile'], function() {
$(document).ready(function(){
$.mobile.pageContainer = $('#container');
$.mobile.loadPage('view/home.html', { transition: 'slideup' });
});
});
查看/home.html
<div data-role="page" id="home">
<div data-role="header">Home</div>
<div data-role="content">Content</div>
<div data-role="footer">Footer</div>
</div>