JS函数中的JQuery函数执行得越来越多[重复]

Question

为什么javascript函数中的jQuery函数每次被点击时就会越来越多地触发？点击次数足够多，每次点击执行100+次。

<div class="clickity" onclick="funky()">Test</div>

var x = 0;

function funky(){
    $('.clickity').on('click', function(){
        x += 1;
        alert(x);
    });
};

JsFiddle我只是很好奇为什么它是这样工作的。

Answer 1

因为每次单击clickity时，funky方法都会被调用，并在clickity上注册一个新的事件侦听器。你混合了两种方法，要么做：

js lang-js prettyprint-override">var x = 0;

function funky(){
    x += 1;
alert(x);
};

<div class="clickity" onclick="funky()">Test</div>