將事件處理程序綁定到動態加載的輸入

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());
});