私はbackbone.jsの使い方を学ぼうとしています。問題は、私がフォローしているチュートリアル(Railscast)がcoffeescriptを使用していることであり、むしろjqueryを使用したいと思います。Coffeescriptの関数をjqueryに変更する方法は知っていますが、このルートの定義について何を変更すればよいかわかりませんでした。
routes:
'': 'index'
その周りに角かっこを入れることになっていますか?アラートが機能していないので、ルートの定義に問題があると思います。
これはオリジナルのコーヒースクリプトでした
Backboner.Routers.Entries = Backbone.Router.extend
routes:
'': 'index'
index: ->
alert "homepage"
javascript / jquery
Backboner.Routers.Entries = Backbone.Router.extend({
routes:
'': 'index'
index: function(){
alert("homepage");
}
});
更新:提案された変更を加えましたが、アラートが表示されません。
Javascripts / Backboner.js
window.Backboner = {
Models: {},
Collections: {},
Views: {},
Routers: {},
init: function() {
new Backboner.Routers.Entries();
Backbone.history.start();
}
};
Javascripts / routers / items.js
Backboner.Routers.Entries = Backbone.Router.extend({
routes: {
'': 'index'
},
index: function(){
return alert('homepage');
}
});
2番目の更新:
ドキュメントをファイルに準備する
window.Backboner = {
Models: {},
Collections: {},
Views: {},
Routers: {},
init: function() {
new Backboner.Routers.Entries();
Backbone.history.start();
}
};
$(document).ready(function() {
return Backboner.init();
});
3回目の更新
マニフェストファイル
//= require jquery
//= require jquery_ujs
//= require underscore
//= require backbone
//= require backboner
//= require_tree ../templates/
//= require_tree .//models
//= require_tree .//collections
//= require_tree .//views
//= require_tree .//routers
//= require_tree .