ページの上部で、非表示の入力フィールドの値を取得し、それを変数として保存してから、バックボーン コードで使用しようとしています。ただし、値は未定義と表示されます。最初にフィールドの値を取得してから、バックボーン アプリを初期化するにはどうすればよいですか?
<script>
$(document).ready(function(){
var whitedealsToken = $('#usertoken').val();
console.log(whitedealsToken)
WhiteDeals.initialize();
});
</script>
編集: 以下の完全なバックボーン コード
window.WhiteDeals = {
Models: {},
Collections: {},
Views: {},
Routers: {},
initialize: function() {
new WhiteDeals.Routers.Deals();
if (!Backbone.history.started) {
Backbone.history.start();
Backbone.history.started = true;
}
}
};
WhiteDeals.Routers.Deals = Backbone.Router.extend({
routes: {
"": "index"
},
index: function() {
var deals = new WhiteDeals.Collections.Deals();
var dealsview = new WhiteDeals.Views.DealsIndex({
el: $('#container')
});
}
});
WhiteDeals.Collections.Deals = Backbone.Collection.extend({
model: WhiteDeals.Models.Deal,
url: 'http://lvh.me:3000/api/v1/special_deals?access_token=' + whitedealsToken,
parse: function(response) {
return response.results;
},
// Overwrite the sync method to pass over the Same Origin Policy
sync: function(method, model, options) {
var that = this;
var params = _.extend({
type: 'GET',
dataType: 'jsonp',
url: that.url,
processData: false
}, options);
return $.ajax(params);
}
}); // End Collection