私は、javascriptの代わりにcoffeescriptを使用してbackbone.jsにjavascriptを持っています:
TodoItem = Backbone.Model.extend(
toggleStatus ->
if @.get 'status' is "incomplete"
@.set 'status': 'complete'
else
@.set 'status': 'incomplete'
@.save()
)
todoItem = new TodoItem(
description: 'Play the guitar'
status: 'incomplete'
id: 1
)
TodoView = Backbone.View.extend(
tagName: 'div'
id: "box"
className: 'red-box'
template:
_.template "<h3> <input type=checkbox #{ print "checked" if status is "complete"} /> <%= description %></h3>"
events:
"click h3": "alertStatus"
'change input': 'toggleStatus'
toggleStatus: ->
@.model.toggleStatus()
alertStatus: ->
alert('Hey you clicked the h3!')
render: ->
@.$el.html @.template(@.model.toJSON())
)
todoView = new TodoView({model: todoItem})
todoView.render()
console.log todoView.el
バックボーンバージョンは最後のバージョン0.9.10であり、underscore.jsバージョンは最後のバージョン1.4.4です。
Coffeescriptファイルは正常にコンパイルされますが、コンソールに表示されます。
Uncaught ReferenceError:toggleStatusが定義されていませんmain.js:5
(無名関数)main.js:5
(無名関数)
ありがとう!