Question

我有两个javascript功能用于翻转，其他用于翻转前端。 clickBack和flipFront在单击元素时有效。我希望这也可以悬停。

我试过这个，但它没有用

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

以下是plunker链接http://plnkr.co/edit/qSgvgVat3cXEjLIpD8x6?p=preview

Answer 1

不，那不行。函数 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

在悬停时添加翻转

1 个答案: