Backbone.js 点击事件无法一致工作

Question

我正在使用rails api开发backbone.js应用程序，它提供如下所示的json：

{
    "name": "dan brown",
    "genre": "fiction",
    "books": [{
        "title": "Da vinci Code",
        "price": "50"
    },
    {
        "title": "Some other name",
        "price": "45"
    }],

    "name": "Author1",
    "genre": "comedy",
    "books": [{
        "title": "asdfasdfdsf",
        "price": "50"
    },
    {
        "title": "asdfdsf name",
        "price": "45"
    }]
}

Todo： 1. 在页面左侧显示作者列表。 2.当用户点击作者时，应该显示相应的书籍，并带有add_to_cart的链接 3. 最后，当用户单击该书时，它应该显示有关该书的更多详细信息

进度： 1. 我能够使用backbone.js 获取作者列表并显示在左侧（作者.fetch()) 2. 当用户点击时，我能够显示该特定作者的书籍。

问题：现在，当用户第一次点击 AUTHOR1 时，它会显示该作者的书籍但是，在点击其他作者之后，如果用户点击相同的 Author1 再次没有显示任何书籍。似乎用户 Backbone 作者模型在单击一次后丢失了单击事件...并且我希望单击事件在作者身上持续存在...

该怎么办？

去哪里做？

非常感谢任何帮助和建议

在AuthorView中

events: {
    "click .author": "select"
},

select: function() {
    this.collection.trigger('select', this.model);
    //console.log(this.model);
}

在BookListView中：

this.collection.bind('add', this.renderBook);

this.book = this.options.book;

this.authors = this.options.authors;
this.authors.bind('select', this.queueBooks);

queueBooks: function(author) {
    this.collection.add(author);
}

我猜测问题出在queueBooks：方法中，当将模型添加到 集合它会触发一个添加事件，然后用于通过 renderBook 回调渲染书籍...所以我认为如果模型已经存在于集合中，它不会再次触发添加事件，从而不会渲染书籍...怎么解决这个问题啊？？？？！！！！！！！！！！！！

编辑：正如Derick建议的

this.authors = this.options.authors;
this.authors.bind('select', this.renderBooks);

-这完美地工作但是这样在集合中不会生成添加事件，因为没有添加模型。 ...我想要 BookList 集合中的书籍模型的原因是在 Booklist 集合上有一个过滤器，以便可以根据价格和其他标准过滤它们，有没有办法实现这些功能?????? ????

Answer 1

我猜测问题出在queueBooks:方法中，当
模型被添加到集合中，它会触发一个添加事件，然后
用于通过 renderBook 回调渲染书籍...所以我想如果
该模型已存在于集合中，它不会触发添加
再次发生事件，从而不会渲染书籍

那是正确的。您只能将模型添加到集合中一次。当您第二次尝试添加它时，它会抛出 JavaScript 错误。

您已经拥有所需的一切，您只是听到了错误的事件并以错误的顺序做事。您不需要将模型添加到集合中来显示它，而是需要侦听模型的 select 事件，并使用该事件来显示它。

this.authors = this.options.authors;
this.authors.bind('select', this.renderBook);