创建关闭事件以从自定义叠加层发射

Question

所以我有一个使用ribs.js和coffeescript的Rails应用程序。 我创建了一个名为“ Overlay”的主视图，如下所示：

class MyApp.Views.Overlay extends Backbone.View

  template: JST['overlay']

  contentDiv: ->
    $('.overlay-content')

  initialize: (options) ->
    @content = options.content
    @width = options.width

  render: ->
    @$el.append @template()
    @contentDiv().append @content                                                                                                                 

  events: ->
    'click': 'overlayClick'
    'click .close': 'removeOverlay'

  overlayClick: (event) ->
    target = $(event.target)
    unless target.hasClass('overlay-content') or target.parents('.overlay-content').length > 0
      @removeOverlay()

  removeOverlay: ->
    @$('.overlay').remove()

和我的模板（是hamljs）

.overlay
  .overlay-content
    %a.close Close

我这样称呼它

@overlay = new MyApp.Views.Overlay(el: 'body', content: 'some content)
@overlay.render()

这实际上很简单，实际上，您可以向其传递一些任意的字符串或html以在覆盖中呈现，并且它会向主体添加漂亮的lil覆盖。

我想做的是在视图中编写一些代码来处理此叠加层的生成，如下所示：

@overlay.on('close', someFunction)

但是，我不知道如何执行此操作。 有什么建议么？

Answer 1

您可以使用主干从视图触发事件

removeOverlay: ->
  @$('.overlay').remove()
  @trigger('close')