javascript - Meteor 函数执行两次

标签 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"
    });

它工作得很好。

最佳答案

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

关于javascript - Meteor 函数执行两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34739485/

相关文章:

javascript - 将 jQuery 脚本转换为可重用函数的正确语法

javascript - 风格化的控制台日志记录

jquery - 如何找到两个形状之间的最短路径?

javascript - 尝试捕捉混合内容警告

javascript - 使用删除按钮而不是 Html.ActionLink 来调用 Controller 的操作?

php - 如何在我的 HTML 网站中实现搜索框流程?

javascript - 将 HTML 元素传递给 Javascript 函数

javascript - 客户端代码未收到已发布的模型

templates - 如何检查用户在 Meteor 中是否具有特定角色

javascript - 创建 Meteor.Router.add() 后显示 [object Object] 的 Meteor