骨干多事件处理程序问题：同一事件只调用一种方法

Question

我有一个主干 js 应用程序，它有一个视图和许多子视图。

我的代码如下：

var BooksView = Backbone.View.extend({

   events: {
      "submit #book_form": "createBook"
   },

   render: function() {
      var bookSocialView = new BookSocialView({
          el: $('#the_books_social_div')
      });
      bookSocialView.render();
   },

   createBook: function(e){
      e.preventDefault();
      ...
   }

});

我的 bookSocialView 看起来像：

var BookSocialView = Backbone.View.extend({
   events: {
      "blur .socialInput": "getSocial",
      "submit #book_form": "getSocial"
   },
   render: function () {
    ...
   },
   getSocial: function (e) {
       ...
   }
});

现在，我的 blur .socialInput 调用 getSocial，但我的提交 #book_form 没有。不过，控制台中没有任何错误。

Answer 1

由于您已经在BooksView 中为submit 提供了一个事件处理程序，因此它可能是最先调用的。但是在你调用e.preventDefault()的处理程序内部，它会阻止提交事件到达BookSocialView.getSocial()

最好围绕 book_form 提交逻辑重新考虑您的策略。如果您希望多个处理程序工作，但又想防止表单合并，我建议使用custom events。您的处理程序仍然可以执行e.preventDefault()，但还应该触发其他事件，例如myModel.trigger('refreshSocial')