1

私は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 .
4

2 に答える 2

0

簡単な答えは「はい」です。中かっこをその周りに配置することになっています。将来的には、 「CoffeeScriptを試す」をクリックして、 CoffeeScript.orgでCoffeeScriptからJavascriptに直接変換できます。CoffeeScriptに貼り付けると、Javascriptの出力が表示されます。

CoffeeScriptにはかなりの空白があるため、元の質問の形式が正しくないことに注意してください。それはすべきだった:

Backbone.Routers.Entries = Backbone.Router.extend

       routes:
         '': 'index'

       index: ->

         alert "homepage"

CoffeeScript Webサイトを使用すると、次のようになります。

Backbone.Routers.Entries = Backbone.Router.extend({
  routes: {
    '': 'index'
  },
  index: function() {
    return alert("homepage");
  }
});
于 2012-09-13T01:49:18.673 に答える
0

混乱した状況で2つの間をすばやく行き来したい場合は、このツールを使用します...少なくとも自動化されたJavascript->CoffeeScript変換を試みます。

ご自身の責任でjs2coffee.orgを使用してください:)

もちろん、Coffeescript-> Javascriptの場合は、coffeescriptのWebサイトを使用できます。

于 2012-09-15T14:34:41.637 に答える