Jquery on（）不'；我好像不工作

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

我对的声明是：

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

---

但这些事件似乎都没有被触发。如果有关系的话，我正在mac电脑上使用最新的Chrome浏览器。

这是一个z索引问题。添加

z-index:1

到

.planet

css部分。在那之后，Fiddle工作得很好：

需要阅读很多代码。无论如何，

$（）.ready（函数（）{

已弃用。更改为

$（函数（）{}）

这不是mouseexit，这是mouseleave。非常酷的动画！@frenchie-我已经修复了它，但仍然没有效果。@gdoron-我已经做了更改。它不会修复任何东西，只是对最佳实践的一个评论……有趣的是，动画一直在工作，所以当鼠标离开时，行星都会突然向前移动。我自己对此很好奇。N没有什么东西会跳到我身上，这会导致“抓拍”。是的，这就解决了。总是在学习；你对z索引的看法如何？我已经修正了暂停，所以它们不会向前抓拍。现在看看链接。@Justin808非常整洁，我喜欢它。