Làm cách nào để thêm sự kiện thay đổi kích thước vào bài viết trong xương sống?

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

Làm cách nào để nhận phương thức repositionBoards được gọi là thay đổi kích thước sự kiện?

Answer 1

Các resize event được gửi đến window:

Sự kiện resize được gửi đến các yếu tố window khi kích thước của cửa sổ trình duyệt thay đổi

Nhưng sự kiện một cái nhìn Backbone của được ràng buộc với quan điểm của el sử dụng delegate. Chế độ xem của el sẽ không nhận được sự kiện resize để đặt 'resize articule': 'repositionBoards' trong chế độ xem events của bạn sẽ không hoạt động tốt.

Nếu bạn cần phải nhận được sự kiện resize theo quan điểm của bạn, bạn sẽ phải ràng buộc nó vào window mình:

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

Cũng lưu ý việc bổ sung một remove để bạn có thể xử lý unbind resize của bạn. Bạn sẽ, tất nhiên, muốn sử dụng view.remove() để xóa chế độ xem của bạn hoặc chỉ không lo lắng về nó nếu chế độ xem đó là toàn bộ ứng dụng của bạn.