流星功能执行两次

时间:2016-01-12 09:11:50

标签: javascript jquery meteor velocity.js

我正在为我的某个应用使用 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"
    });

效果很好。

1 个答案:

答案 0 :(得分:2)

preventDefault是一个函数,因此它应该是preventDefault()