提交表單事件不會觸發

Question

我開發了第一個主干RESTfull應用程序。 我有以下觀點：

var app = app || {};

app.AssessorsCollectionView = Backbone.View.extend({
    el: '#assessors',
    tagName: 'table',

    events:{
        "submit form": "searchAssessors"
    },

    initialize: function() {
        this.collection = new app.AssessorsCollection();
        this.collection.fetch({reset: true, data: $.param({ online: false}) });
        this.render();

        this.listenTo( this.collection, 'reset', this.render );
    },

    render: function() { /// },

    renderRegion: function( item ) { /// },

    searchAssessors: function( e ) {
        e.preventDefault();

        this.collection.remove();

        console.log("EVENT");
    }
});

這是我的HTML表單：

<form id="form-search-assessors" class="form-horizontal" role="form">
    .........

    <input id="search-assessors-button" class="btn btn-lg btn-success btn-block" type="submit" value="Search" />
    <!--<button id="search-assessors-button" class="btn btn-lg btn-success btn-block" type="submit">Search</button>-->
</form>

我在searchAssessors上設置了斷點，但是它不起作用。 另外，我在控制台中看不到任何消息。

Answer 1

嘗試將事件更改為"submit #form-search-assessors": "searchAssessors" 。

Answer 2

您是否初始化了視圖？，由於這只是代碼的一部分，因此我刪除了一些內容和注釋，這應該可以工作。

謝謝

的HTML

<div id="assessors">
    <form id="form-search-assessors" class="form-horizontal" role="form">
       <input id="search-assessors-button" class="btn btn-lg btn-success btn-block" type="submit"            value="Search" />
   </form>
<div>

JS

AssessorsCollectionView = Backbone.View.extend({


    el: '#assessors',
    tagName: 'div',

    events:{
        'submit form': 'searchAssessors'
    },

    initialize: function() {
        this.render();
    },

    render: function() {  },

    searchAssessors: function( e ) {
        e.preventDefault();
        console.log('EVENT');
    }

});

view = new AssessorsCollectionView();

Answer 3

我的問題的解決方案：

$( "form#form-search-assessors" ).submit($.proxy(function(e) {
    e.preventDefault();
    console.log(this);

    this.collection.fetch({reset: true, data: $.param({ online: true}) });
    this.render();
}, this));

消息來源是： https ://stackoverflow.com/a/9813760/1756750