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/