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の問題です。css セクションに追加z-index: 1;します。.planetその後、フィドルは正常に機能しました：http://jsfiddle.net/Pe87m/9/