events - 单击子项时不会触发主干事件

Question

我对骨干事件有疑问。

// The DOM events //
events: {
    'click table.table-sorter th[data-column]' : 'sort'
},

<thead>
    <tr>
        <th data-column="name">name <i class="icon-sort"></i></th>
        <th>description</th>
    </tr>
</thead>

当我单击th而不是i时，该事件会很好地触发。

但是如果我在渲染视图函数中使用 jQuery 的 on 函数，它可以工作：

$("table.table-sorter th[data-column]").click(function(){
    <i> is trigger 
})

谢谢