我已经使用骨干在 phonegap 中开发了一个应用程序,需要 js。jquery mobile js 是从主 js 加载的。
据我所知,require js 会为我加载所有的 js。所以我不必<script>
在我的index.html
我不想要什么?有没有一种特定的方法可以在 phonegap + 骨干中加载 jqm 我在这里加载了 jqueryMobile 库。
require.config( {
paths: {
"jquery": "libs/jquery",
"jquerymobile": "libs/jquerymobile",
"underscore": "libs/lodash",
"backbone": "libs/backbone"
},
shim: {
"backbone": {
"deps": [ "underscore", "jquery" ],
"exports": "Backbone" //attaches "Backbone" to the window object
}
}} );
require([ "jquery", "backbone", "routers/mobileRouter" ], function( $, Backbone, Mobile ) {
$( document ).on( "mobileinit",
function() {
$.mobile.linkBindingEnabled = false;
$.mobile.hashListeningEnabled = false;
}
)
require( [ "jquerymobile" ], function() {
this.router = new Mobile();
}); } );
这是我的 index.html head
。因为我最初是在加载我的移动 js,所以我的标题中的样式不需要 jqm 脚本。
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>RideSmart App</title>
<script src="js/libs/require.js" data-main="js/mobile"></script>
<link rel="stylesheet" href="css/jqm1.3.0.min.css" />
<script type="text/javascript" charset="utf-8" src="jsLib/phonegap.js"></script>
</head>