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>

iではなくthをクリックすると、イベントは適切にトリガーされます。

しかし、レンダー ビュー関数で jQuery の on 関数を使用すると、次のように機能します。

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

ありがとう