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

Question

我有一个分页输入字段，它是在从主页进行ajax调用以加载一些数据后动态创建的。 输入字段是class 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()使用事件委托将事件绑定到元素时，应使用on()方法。

在您的情况下，以下方法应该起作用：

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