jquery .on（）似乎没有工作

Question

我正在进行轨道模拟，我只想尝试向mouseenter和mouseexit事件添加一点用户交互。您可以看到一个有效的示例here。

我的on声明是：

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

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

Answer 1

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