在懸停上添加翻轉

-1

我有兩個JavaScript功能用於翻轉和其他用於翻轉正面。 flipBack和flipFront在單擊元素時起作用。我希望這也可以用於懸停。在懸停上添加翻轉

我已經試過這一點，但它不工作

$(self.front).hover(
    function() { 
     showBack(); 
    }, 
    $(self.back).mouseout(function() { 
     showFront(); 
    }); 
);

這裏是plunker鏈接http://plnkr.co/edit/qSgvgVat3cXEjLIpD8x6?p=preview

來源

2015-10-20 Farrukh Zaman

看懸停...... https://api.jquery.com/hover/ – epascarello

的文件我已經看過關於這一點，但不是爲我工作。其實我想要當我將鼠標懸停它將調用一個JavaScript函數，當我將離開懸停它將調用另一個JavaScript函數。 –

我的猜測是你所調用的代碼有問題，如果它仍然不起作用。 – epascarello

不，這是行不通的。函數hover需要兩個函數作爲參數。當發生mouseenter事件時將調用第一個函數，並且當元素上發生mouseleave事件時將調用第二個函數。

$(self.front).hover(
    function() { 
     showBack(); 
    }, 
    function() { 
     showFront(); 
    });

也可以使用直接函數引用。

$(self.front).hover(showBack, showFront);

更新：

當你使用AngularJS，使用ng-mouseenter和ng-mouseleave。

查看：

<li ng-mouseenter="showBack()" ng-mouseleave="showFront()">

控制器：

$scope.showBack = function() { 
    // Code here 
}; 

$scope.showFront = function() { 
    // Code here 
};

更新2

添加以下的控制器

self.front.on("mouseenter", showBack); 
self.front.on("mouseleave", showFront); 
self.back.on("mouseenter", showBack); 
self.back.on("mouseleave", showFront);

Updated Plunker

來源

2015-10-20 13:26:29 Tushar

http：// 1stfold。 com/taskbox/dev/POS/angular /＃/ app/home/ –

看看這裏不行。 –

我也使用直接功能。 –

在懸停上添加翻轉

回答

相關問題