2015-12-21 51 views

回答

1

尝试此

<div class="panel panel-default" 
    ng-class="{panel-info: hover}" 
    ng-mouseenter="hover = true" 
    ng-mouseleave="hover = false"> 
</div> 
+0

其在Chrome,火狐,Safari – tech74

+0

没有工作现在就试试,我已经在 –

+0

这是聪明的,修改的CSS类上悬停,而不是依靠NG-类中删除面板类' :悬停'CSS伪类。 –

1

你可以用简单的jQuery实现这一目标对捕鼠,在增加新的类,并取消对鼠标移开

$(".panel") 
    .mouseover(function() { 
    $(this).addClass('panel-info'); 
    }) 
    .mouseout(function() { 
    $(this).removeClass('panel-info'); 
    }); 

https://jsfiddle.net/ShirishDhotre/4khoydbe/