单击父级时应用jQuery类，但单击子级时则不应用

Question

我有这个功能，点击时会触发。

$('.projectsTable').on('click', '.clickable-row', function(event) {
  $(this).addClass('activ').siblings().removeClass('activ');
});

<table class="table table-hover projectsTable">
    <tr ng-repeat="projects in ctrl.tabs" class="clickable-row">
        <td ng-click="ctrl.tab = projects.title">
           <div class="row">
             <div class="col-xs-6">
                {{projects.name}}
                <br><br>
             </div>
             <div class="col-xs-6" >
                <uib-progressbar animate="false" value="projects.thingy * 10" type="success" ng-if="ctrl.tab != projects.title" >{{projects.thingy * 10}}</uib-progressbar>
             </div>
           </div>          
        </td>
     </tr>
</table>

当我单击table元素的任何位置时，函数会触发并正确应用类。但是当我点击uib-progressbar时，该功能不会被触发。

知道为什么会这样吗？我对jQuery很新。