如何将调整大小事件添加到骨干中的文章？

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() 

如何获取调用resize事件的方法repositionBoards？

Answer 1

的resize event发送到window：当浏览器窗口大小的变化

但一个骨干视图的事件被绑定到视图的

的resize事件被发送到window元素el使用delegate。该视图的el将不会得到resize事件，因此将'resize articule': 'repositionBoards'放入您的视图的events将无济于事。

如果你需要在视图中获得resize事件，你必须把它自己绑定到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的，这样就可以解除绑定您的resize处理程序。当然，您将使用view.remove()删除您的视图，或者如果该视图是您的整个应用程序，请不要担心。