Question

的onclick動態生成html元件I具有的servlet創建HTML元素並返回爲text/html

response.setContentType("text/html"); 
PrintWriter out = response.getWriter();  
out.write("<span class='tagged-time'> <a href='#' id='" + current.getSecond() + "' class='time'>" + current.getName() +"</a></span>"); 

在JSP中，我請使用AJAX這個servlet。它正確地返回html元素，但是當我點擊時，onclick方法不會被調用。

$('.tagged-time').on('click', 'a', function() { 
    video.currentTime = this.id; 
}); 

Answer 1

在這種情況下tagged-time元件也被動態創建，則需要處理程序綁定到其存在於事件綁定時的元件 - 在本例tagged-time元素不是

$(document).on('click', '.tagged-time a', function() { 
    video.currentTime = this.id; 
}); 

Answer 2

當你將事件onclick綁定到jQuery時，它只會將事件與頁面上現有的東西綁定在一起。因此，即使您稍後在一段時間內再渲染一次，新標籤也不會被預先綁定命令綁定。

你可以嘗試的是，讓你的servlet也返回一個簡單的javascript行，每當你返回新的時候，它會綁定新的元素和事件處理函數。