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

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()方法，同時使用event delegation將事件綁定到元素。

在你的情況，下面應該工作：

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