Использование bootstrap-модального представления Backbone.js

Я пытаюсь создать представление Backbone.js, основанное на загрузочном модуле Twitter, в котором используется автоматическое делегирование событий Backbone с помощью атрибута events представления.

К сожалению, bootstrap-modal, кажется, прерывает делегирование событий в базовом блоке, поскольку он клонирует HTML-представление перед отображением модальности:

that.$element
      .appendTo(document.body)
      .show()

Мой взгляд:

App.Views.ProjectsNav ||= {}

class App.Views.ProjectsNav.NewProjectView extends Backbone.View
  events: {
    'click .save': 'save',
    'shown':       'shown'
  }

  save: (e) ->
    ...
    false

  shown: () ->
    App.Helpers.Forms.setFocus($(@el), true)
    false

  render: () ->
    $(@el).html(ich.nav_edit_project_template(@model.toJSON()))
    @$('.modal').modal({'show': true, 'keyboard': true, 'backdrop': true})
    @

Соответствующий (Mustache) HTML-шаблон:

<div class="modal hide" style="display: none; ">
  <div class="modal-header">
    <a href="#" class="close">×</a>
    <h3>New Project</h3>
  </div>
  <div class="modal-body form-stacked">
    <label for="name">Name</label> <input type="text" name="name" value="{{name}}"/><input type="hidden" name="lock_version" value="{{lock_version}}"/>
  </div>
  <div class="modal-footer">
    <a href="javascript:void(0)" class="save btn primary">Create</a>
    <a href="javascript:void(0)" class="cancel btn secondary">Cancel</a>
  </div>
</div>

Ни один save и shown не вызываются при срабатывании соответствующих событий.

Любые идеи?

Ответ 1