1

我有一个 div

<div id="slideHolder" ng-mouseenter="fadeIn()" ng-mouseleave="fadeOut()">
...
</div>

并且中间的内容在 mouseenter/leave 上淡出

$scope.fadeIn = function()
{
    TweenLite.to("#zoomInButton",0.3,{opacity:1});  
}

$scope.fadeOut = function()
{
    TweenLite.to("#zoomInButton",0.3,{opacity:0});  
}

是否可以使用 a 将这两个功能合二为一if statement?我知道我会怎么做jQuery,但不知道怎么做Angular。谢谢

编辑:这就是我在 jQuery 中所做的

$("#slideHolder").hover(
    function() {
        $("#zoomButton").stop(true,true).fadeIn();
    },
    function() {
        $("#zoomButton").stop(true,true).fadeOut();
    }
);

假设它们在技术上仍然是两个功能,我能够将它们简写为悬停方法

4

1 回答 1

0

我能够弄清楚这个

<div id="slideHolder" ng-mouseenter="fade($event)" ng-mouseleave="fade($event)">
....
</div>

并在角度

$scope.fade = function(event)
{
  (event.type == 'mouseover') ? TweenLite.to("#zoomInButton",0.3,{opacity:1}) : TweenLite.to("#zoomInButton",0.3,{opacity:0});  
}
于 2013-03-11T17:58:40.783 回答