按键一次后无法取消绑定按键事件

Question

我创建了一个输入字段，当按下回车键 (13) 时提交一个简单字段。如果您第一次按下该键，该代码就可以工作，但在我刷新页面之前它永远不会再次工作。我正在尝试解除绑定事件，但没有任何反应。

$(function () {
    $('#new_list').bind('keypress', function (e) {
        if(e.which === 13) {
            console.log('enter pressed');
            var nl_val = {};
            nl_val['list_name'] = $('#new_list').val();
            $.post('/lists/js_new_list',nl_val,function(str) {
                if(str == 'error') {
                    $('#info').css({'color':'red'})
                              .fadeIn(1000)
                              .text('There was an error.')
                              .fadeOut(1000);
                } else {
                    $('#new_list').hide().val('');
                    $('#info').css({'color':'#00620C'})
                              .fadeIn(1000)
                              .text('List created.')
                              .fadeOut(1000);
                    js_refresh_lists(); 
                }
            });
             $('#new_list').unbind("keypress");
        } // UPDATE: this is the if(e.which === 13) end
    });
});

function js_refresh_lists() {
    var id = list_id();
    console.log('refreshing list');
    $('#lists').load('/lists/js_refresh_lists');
}

更新：我希望用户能够添加另一个列表（我的情况），而无需刷新页面以使按键事件再次起作用。目前，如本文顶部所述，它仅在第一次添加新列表时有效，之后回车键不起作用。

谁能弄清楚为什么密钥被解除绑定？

干杯

Answer 1

我认为您的问题是，在第一次成功按键后，您使用 js_refresh_lists() 刷新表单，它将您的 #new_list 字段替换为没有按键绑定的新字段。

在上述情况下，您有 2 个选项：

1. 将您的按键初始化放在一个单独的函数中，并在每次列表刷新时执行它
2. 在加载时使用实时绑定 .live("keypress", fn)