在点击事件

Question

我的表格突出显示的三个步骤。

1. 在悬停时，背景突出显示为蓝色。（基本上，显示可以突出显示）
2. 点击事件突出显示背景行蓝色。
3. 点击突出显示的行。

这些都很好用。

问题

当我点击突出显示的行以取消突出显示它时，不会显示鼠标悬停时它未突出显示。只有，鼠标离开。 我需要它能够禁用悬停，以便它可以显示它的un会突出显示为un un highlight。诀窍是我只需要在该点击上禁用悬停。我需要它能够再次悬停，并经历相同的过程。

HTML

<table class="superusertable" cellpadding="5" cellspacing="0">
   <tbody class="table-font">
    <tr ng-init="highlightAllRows(source)" ng-repeat="source in userData"
        ng-model="source.fromSourceID" 
        ng-class="{'sourcesSelected': source.sourcesSelected}" 
        ng-click="select(source)">
   <td width="290px">
  <div class="action-checkbox"; width="290px">{{source.fromSourceID}}
 </div>
 </td>
 </tr>
</tbody>
</table>

角

突出显示所有行设置最初突出显示的所有行。

$scope.highlightAllRows = function(item){
    item.sourcesSelected = true;
};

$scope.select = function(item) {
    item.sourcesSelected = item.sourcesSelected ? false : true;

};

CSS

.superusertable tr:hover{
background-color: #80CCFF !important;
}

是否有一个简单的css，jquery，angular解决方案，用于在单击突出显示的行时禁用悬停。当你盘旋回来时我需要再次悬停工作