переменные объекта не работают

[cyklop77]

помогите пожалуйста починить скрипт 

в блоке инициализации я определил несколько переменных объекта, которые указывают на определённые элементы. в одном из меодов я при участии этих переменных хотел бы изменить видимость элементов. но не получается 

код: 

window.APP = window.APP || {};

APP.GraphLinkView = Backbone.View.extend({
  initialize: function() {
    this.editFieldElem = this.$el.find('.edit_Field');
    this.titleElem = this.$el.find('.graph_title');
    this.removeIconElem = this.$el.find('.glyphicon-remove');
    this.editIconElem = this.$el.find('.glyphicon-edit');

    console.log(this.editFieldElem);
    console.log(this.titleElem);
    console.log(this.removeIconElem);
    console.log(this.editIconElem);
  }, 
  
  template: _.template($('#graphsListItemTemplate').html()),  

  tagName: 'div',

  className: 'list-group-item',

  render: function() {  
    this.$el.html(this.template({
      title: 'qwerty',
      cid: 1
    }));
    $('#content').html(this.$el);
    return this;
  },

  events:{
    'blur .edit_field': 'editEnd',
    'click .glyphicon-edit' : 'editBegin'
  },

  editEnd: function() { console.log('e end');
    this.editFieldElem.find('.edit_field').hide();
    this.titleElem.find('.graph_title').show();
    this.editIconElem.find('.glyphicon-edit').show();
  },

  editBegin: function() { console.log('e beg');
    this.editFieldElem.find('.edit_field').show().focus();
    this.titleElem.find('.graph_title').hide();
    this.editIconElem.find('.glyphicon-edit').hide();
  }

});



new APP.GraphLinkView().render();

 

 

[Great Rash]

Вы ещё не отрендерили темплейт, а уже пытаетесь искать в нём дочерние элементы. На момент вызова метода initialize в DOM существует только $el, но внутри он пустой. Вывод: this.$el.find нужно запускать внутри render, после вызова this.$el.html.