phonegapを使用してWebサイトを構築しています。コンパイルされたアプリケーションで bakcbone と jquery -jqm が機能しないことに気付きました。実際、私は日食で次のエラーを受け取っています:
Uncaught ReferenceError: バックボーンが file:///android_asset/www/scripts/JSscript.js:7 で定義されていません
また、次のエラーが表示されます。
Uncaught ReferenceError: requestAnimationFrame が file:///android_asset/www/scripts/JSscript.js:4484 で定義されていません
また、抽出したアプリでタッチ アンド クリック イベントが機能しません。どうすればこれを修正できますか??
JS オーダー:
<script type="text/javascript" src="./scripts/jquery.js"></script>
<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src='./scripts/JSscript.js'></script>
そしてJSscript：
var obj;
var profile;
$(function() {
// Backbone model Creation
var ProfileModel = Backbone.Model.extend({
defaults: {
tstamp: 'adffdsa',
map:"",
tagsCloud:"",
sentiment: "",
usersCloud: "",
timeline: "",
highlights: "",
signals: ""
},
initialize: function() {
}
});
//Backbone model initialization
profile = new ProfileModel({
tstamp: 'adffdsa',
map:"",
tagsCloud:"",
sentiment: "",
usersCloud: "",
timeline: "",
highlights: "",
signals: ""
});
var ProfileList = Backbone.Collection.extend({
model: ProfileModel,
url: 'data.php'
});
var ProfileView = Backbone.View.extend({
el: "#profiles",
template: _.template($('#profileTemplate').html()),
render: function(eventName) {
_.each(this.model.models, function(profile){
var profileTemplate = this.template(profile.toJSON());
//push data to obj for map script
obj = profile.toJSON();
// Add data to DOM element
$(this.el).html(profileTemplate);
}, this);
return this;
}
});
var profiles = new ProfileList([profile]);
var profilesView = new ProfileView({model: profiles});
// Fetching data from server every n seconds
setInterval(function() {
profiles.fetch({reset: true});
}, 4000); // Time in milliseconds
profiles.bind('reset', function () {
profilesView.render();
});
});