backbone.js - 如何在主干文章中添加调整大小事件？

Question

events:
    'click textarea': 'composeComment'
    'click .submit': 'submit'
    'blur textarea': 'textareaBlur'
    'resize article': 'repositionBoards'


repositionBoards: ->
    #this is my own function, i just need it to be called everytime an article's size changes
    board.align()

我如何获得我的 repositionBoards调用调整大小事件的方法？

Answer 1

resize event发送至window :

The resize event is sent to the window element when the size of the browser window changes

但是主干 View 的事件绑定(bind)到 View 的 el使用 delegate . View 的 el不会得到 resize事件如此投入 'resize articule': 'repositionBoards'在你看来 events不会有任何好处。

如需获取 resize事件，您必须将其绑定(bind)到 window你自己:

initialize: (options) ->
    $(window).on('resize', this.repositionBoards)
remove: ->
    $(window).off('resize', this.repositionBoards) # Clean up after yourself.
    @$el.remove() # The default implementation does this.
    @
repositionBoards: ->
    # Use => if you need to worry about what `@` is
    board.align()

另请注意添加了 remove 这样您就可以解除绑定(bind) resize处理程序。当然，您会想要使用 view.remove()删除您的 View ，或者如果该 View 是您的整个应用程序，请不要担心。