Backbone scroll event not firing

Question

Backbone scroll event will not fire. The click event and jquery attached scroll works. Here's a fiddle as well: http://jsfiddle.net/cX2UV/ js ``` var TView = Backbone.View.extend({ events: { 'scroll .content': 'loadMore', 'click .code': 'codeClick' }, loadMore: function() { this.$el.append('

backbone scrolling

'); }, codeClick: function() { this.$el.append('

clicking

'); } }); new TView({ el: '.target' }); $('.content').scroll(function(){ $('.target').append('jq scrolling...'); }); ``` html ```

text termmm 12345

``` css ``` body {margin:1em;} .content {background:#EEE; height: 200px; overflow: scroll;} .code{color:#00c} ```

Accepted Answer

When binding events to a view with a selector Backbone uses jQuery's `delegate`. As noted in an answer to this question, the `scroll` event doesn't bubble up so the handler can't respond to it.

Backbone scroll event not firing

Solution

Problem