javascript - Backbone events not catching click on div -

i have next html structure:

<div class="wrapper">     <div class="top"></div>     <div class="bottom></div> </div>

i have next event set in backbone view:

classname: 'wrapper', events: {      'click .wrapper' : 'click_handler' }, click_handler: function(event) {     console.log("click handled") }

this code doesn't trigger click event when wrapper clicked if change click selector ".top" or ".bottom" click triggered.

what doing wrong ? capture/bubble?

is div.wrapper view's $el? 'click .wrapper' indicates delegating event handler, means trigger decendents of view's $el have .wrapper class.

jquery's documentation .on describes event delegation.

edit

dropping .wrapper events hash may give behavior you're looking for. in other words:

classname: 'wrapper', events: {      'click' : 'click_handler' }, click_handler: function(event) {     console.log("click handled") }

Silver