jquery - jquery .on() 似乎没有工作

Question

我正在进行轨道模拟，我只是想在 mouseenter 和 mouseexit 事件中添加一些用户交互。您可以在此处查看一个工作示例。

我的on声明是：

$('.planet').on({
    'mouseenter': function() {
        pauseAnimation = true;
    },
    'mouseleave': function () {
        pauseAnimation = false;
    },
    'click' : function () {
        alert('click');
    }
});

但似乎没有任何事件被触发。如果重要的话，我会在 Mac 上使用最新的 Chrome。

Answer 1

这是一个 z-index 问题。添加z-index: 1;到.planetcss 部分。之后小提琴工作正常：http: //jsfiddle.net/Pe87m/9/