Javascript jQuery功能循环：为什么夏奇拉在新人亲吻她时会重复亲吻？

请参见我的问题演示：

这不公平吗

当初吻者（A、B、C或D中的任何一个）亲吻Shkira时，她会给她一个吻。 第二次时，她给了两个吻。 3到3，依此类推

JQuery：

$(document).ready(function(){

var kisses = 0;

    $("#main").delegate(".kisser","click",function(){
      $("#inner").css("display","block");
      $("#hint").css("display","none");
      foo();
    });


    function foo(){
      $("#innerClicker").click(function(){
        kisses++;
        $(".results").html("Kissed <h1>" + kisses + "</h1> times. <br />");
        $("#inner").css("display","none");
        $("#hint").css("display","block");

      }); 
    }

    });

$（文档）.ready（函数（）{
var-kisses=0；
$（“#main”）.delegate（“.kisser”，“click”，函数（）{
$（“#内部”）.css（“显示”、“块”）；
$（“#提示”）.css（“显示”、“无”）；
foo（）；
});
函数foo（）{
$（“#innerClicker”）。单击（函数（）{
亲吻++；
$（“.results”）.html（“kisses”+kisses+”次。
）；
$（“#内部”）.css（“显示”、“无”）；
$（“#提示”）.css（“显示”、“块”）；
}); 
}
});

您正在绑定

$（“#innerClicker”）

每个单击的元素的事件

$(document).ready(function () {

    var kisses = 0;

    $("#main").delegate(".kisser", "click", function () {
        $("#inner").css("display", "block");
        $("#hint").css("display", "none");
        foo();

    });


    function foo() {
        kisses++;
    }

    $("#innerClicker").click(function () {
        if (kisses) {
            $(".results").html("Kissed <h1>" + kisses + "</h1> times. <br />");
            $("#inner").css("display", "none");
            $("#hint").css("display", "block");
        }
    });


});

$（文档）.ready（函数（）{
var-kisses=0；
$（“#main”）.delegate（“.kisser”，“click”，函数（）{
$（“#内部”）.css（“显示”、“块”）；
$（“#提示”）.css（“显示”、“无”）；
foo（）；
});
函数foo（）{
亲吻++；
}
$（“#innerClicker”）。单击（函数（）{
如果（吻）{
$（“.results”）.html（“kisses”+kisses+”次。
）；
$（“#内部”）.css（“显示”、“无”）；
$（“#提示”）.css（“显示”、“块”）；
}
});
});

---

注意：如果您每次单击时都绑定元素。它将被添加并触发您被单击的次数，并且在方法上使用

，而不是
委托
，在新版本的jquery中，委托方法已被弃用。
不要在事件处理程序中添加新的事件处理程序。@FelixKling是否有此方法的解决方案？我不确定预期结果是什么/代码总体上应该如何工作，所以我不知道。@FelixKling代码希望在一个人接吻时添加一个吻。简言之，它需要正义