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});  
}

を使用してこれら2つの機能を1つに結合することは可能if statementですか? でそれを行う方法は知っていますが、で行う方法がわかりjQueryませんAngular。ありがとう

編集：これは私がjQueryで行った方法です

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

技術的にはまだ 2 つの関数であると認められたので、それらを hover メソッドに簡略化することができました。

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 に答える