我正在使用Backbone.js创建一个Web应用程序。对于我的一个观点,我在events
中绑定了一个事件:
define([
'backbone',
'handlebars',
'text!views/book-view.hbs',
'views/book-edit-view'
], function(Backbone, Handlebars, bookViewContent, BookEditView) {
return Backbone.View.extend({
tagName: 'li',
className: 'book',
template: Handlebars.compile(bookViewContent),
events: {
'click .book-edit-link': 'showEditView'
},
// ...
在我的showEditView
方法中,我有一个alert
来电,所以我会知道它是否被调用了。但是,当我单击带有.book-edit-link
的元素时,它不会被调用。
书 - 编辑view.hbs:
<strong class="book-title">{{title}}</strong>
<span class="book-author">by {{author}}</span>
<a class="book-edit-link">Edit</a>
呈现HTML:
<li style="height: 110.571px;" class="book">
<strong class="book-title">The Martian</strong>
<span class="book-author">by Andy Weir</span>
<a class="book-edit-link">Edit</a>
</li>