在悬停时添加翻转
Adding flip on hover
我有两个javascript函数翻转后,另一个翻转前。当元素被点击时,flipBack和flipFront工作。我希望这工作悬停也
我试过了,但是行不通
$(self.front).hover(
function () {
showBack();
},
$(self.back).mouseout(function () {
showFront();
});
);
这里是活塞链接http://plnkr.co/edit/qSgvgVat3cXEjLIpD8x6?p=preview
不行,不行。函数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);
更新恰好
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在映射数组中添加换行符
- 正在将数据主题添加到所有项目
- ZeroClipboard-在复制之前添加到值
- 我可以在json对象中添加一个函数吗
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何添加浮动和非浮动,其他
- 添加文字和评论功能更新Div
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 在函数中添加数组元素的数值
- 如何将歌曲添加到jPlayer
- 在html Select中添加搜索
- Java脚本时间添加
- 翻转操作数时,添加带有空对象的空数组会产生不同的结果
- 在悬停时添加翻转
- 如何添加一个简单的卡片翻转动画
- 在这个JS纸牌游戏中添加一个纸牌翻转动画
- 我如何添加html打开/关闭翻转开关到jquery