javascript - 将事件处理程序绑定到动态加载的输入

Question

我有一个分页输入字段，它是在从主页进行 ajax 调用以加载一些数据后动态创建的。输入字段是有类的goto。

所以它是这样的： - 主页有一个脚本，其中调用了一个函数loadData() - 当用户进行 ajax 调用时，通过 ajax 从数据库中拉出一个表。- 此 ajax 数据包括分页选项卡 ( First, Prev, Next, Last)，以及.goto用户可以输入页码的字段。当用户输入页码时，应该调用主页面的 loadData() 函数。

这是我的代码（在主页上）：

$('.goto').bind('keydown', function(e){
        console.log(e.which);
        if(e.which==13)
        loadData($(this).val());
    });

但什么也没有发生。控制台消息都没有，什么都没有。

Answer 1

如果元素是动态创建的，则应在使用事件委托将事件绑定到元素on()时使用该方法。

在您的情况下，以下应该有效：

$(document).on('keydown', '.goto', function(e){
    console.log(e.which);
    if(e.which==13)
    loadData($(this).val());
});