jQuery的。對還是沒有。點擊工作，警報不出現

Question

我有這樣的代碼：

$("#top").on('click',function(){ 
     alert('I am here'); 
     $('html, body').animate({scrollTop:200}, 'slow'); 
     return false; 
}); 

，當我點擊按鈕（這是由jQuery的產生，但點擊代碼之前）

html += "<p><a href='javascript:;' id='top'>Back to Top</a></p>"; 

該警報未出現。我也試過這樣：

$("#top").click(function(){ 
      alert('I am here'); 
      $('html, body').animate({scrollTop:200}, 'slow'); 
      return false; 
    }); 

我已經試過這個代碼移入頁腳，但沒有做任何事情，這個代碼是包裹在$(document).ready(function(){

我不知道我做錯了。

Answer 1

事件處理程序僅綁定到當前選定的元素;它們必須在代碼進行事件綁定調用時存在於頁面上。

當您動態創建元素時，您需要使用Event Delegation使用.on()委託事件方法。

即

$(document).on('event','selector',callback_function) 

例

$(document).on('click', "#top", function(){ 
    //Your code 
}); 

在地方的document你應該用最接近的靜態容器有更好的表現。