jQuery .live() 导致并行循环

Question

让我们开始吧；点击一个AJAX插入的LI元素，弹出一个对话框，输入文本，当输入100以上时，提交信息供服务器验证。它看起来像这样:

$("li").live("click", function() { 
    $("#dialog1").dialog('open');
    $("#pin").focus();
    $("#pin").keyup(function() {
        var trigger = $("#pin").val;            
        if (trigger > 100) { // Submit for verification, otherwise do nothing }
        }
    });

我遇到的问题是它第一次就能正常运行。当再次单击 LI 元素时，keyup 函数将运行两次。如果再次单击，则会运行 3 次。控制台转储如下所示:

第一次点击:110100

第二次点击:111010100100

第三:111101010100100100

如有任何想法，我们将不胜感激。如果我错误地注入(inject)了 AJAX，请告诉我。

Answer 1

我认为您的问题是您不断向 #pin 元素添加事件处理程序。所以第一次只附加一个处理程序。第二次两个处理程序，依此类推。

将 $("#pin").keyup 移到点击处理程序之外。