Непойму в чем дело (backbone)

есть вьюха коллекции бэкбона, ципляюсь на событие click элемента страницы button c id = addNew, делаю так: events:{“click #addNew”:addCustomer} и не работает !!! Применял метод “пристального взгляда” не вижу в чем дело, документацию тоже смотрел несколько раз - ничего. Может есть что-то незадокументированное. Помогите разобраться, заранее спасибо. Прикладываю картинку с кодом.

Кнопка должна принадлежать DOM View где вы её хотите обработать, скорее всего на момент навешивания события Вью не видит кнопку. По кусочку кода не понятно где она добавляется изначально. Ниже я привожу пример, где все работает http://jsfiddle.net/anatooly/j1cowxzn/7/

var app = {};
app.testView = Backbone.View.extend({
    id: 'list',
    events: {
    	'click #btn': 'btn'
    },
    initialize: function () {
    	this.render();
    },
    render: function () {
        return this.$el.html( _.template( '<button id="btn">Button</button>' ) );
    },
    btn: function () {
    	console.log('click');
    }
});

$('.container').html( new app.testView().el );
1 лайк