我正在为我的某个应用使用 velocity.js 。我有以下代码:
Template.jumbotron.events({
'mouseleave .css-logo-image':function(event){
event.preventDefault();
event.stopPropagation();
$(".meteor_head").velocity({
translateY: [ 0, 50 ]
});
},
'mouseenter .css-logo-image':function(event){
event.preventDefault();
event.stopPropagation();
console.log("translate out");
$('.meteor_head').velocity({
/* Two-item array format. */
translateY: [ 50, 0 ]
});
return false;
},
})
但是我第一次将鼠标悬停在元素上然后让两个函数都发生两次。如你所见,我试过了:
event.preventDefault; event.stopPropagination; return false;
但它没有帮助。有趣的是,当我尝试:
event.preventDefault();
event.stopPropagation();
$(".meteor_head").velocity({
translateY: "-25px"
});
效果很好。
答案 0 :(得分:2)
preventDefault
是一个函数,因此它应该是preventDefault()
。