javascript - famo.us 悬停不工作

Question

我真的很努力地解决这个问题。但似乎没有任何作用。

我正在尝试在页面顶部创建一个菜单，该菜单仅在悬停时才可见。

现在非常简单的元素:

topViewSurf = new Surface({
    classes: ['topSplash'],
    properties: {
        backgroundColor: 'rgb(170,210,140)',
        boxShadow: '0px 0px 10px rgb(110,150, 90)'
    }
});
topViewMod = new Modifier({
    origin: [0.5, 0],
    size: [this.options.width, 40],
    transform: Transform.translate(0,-35,0)
});
this._add(topViewMod).add(topViewSurf);

然后我想调用这个函数，如果元素“topViewSurf”悬停:

function dropTop(){
    topViewMod.setTransform(Transform.translate(0,0,1), 500);
}

由于某种原因，我无法让悬停工作。

我可以通过以下方式调用该函数:

topViewSurf.on("click", function(){
    dropTop()
});

工作得很好。但是，当我将“单击”替换为“悬停”时，单击或悬停该元素时不会发生任何情况。

我已经尝试了不同的方法，包括 jQuery 和纯 js，但似乎没有任何效果(我可能在那里犯了错误)，但既然我无论如何都在问，我想我会要求一个 famo.us 解决方案。

希望你能帮助我。喷蝇

Answer 1

没有“悬停”事件。您应该使用“鼠标悬停”。

topViewSurf.on("mouseover", function(){
    dropTop()
});

希望这有帮助!