動態行添加到表中：添加點擊事件不會觸發

Question

腦部疼痛。

我有一個動態添加行到表的計時器。當用戶點擊其中一個動態添加的行時，我想要一個事件觸發 。

我用「PortletTableUseButton」類和使用.on（「click」）標記每個，但它不起作用。

$('.PortletTableUseButton').on("click", function() { 
     alert($(this)); 
    }); 
    setInterval(function() { addRow(); }, 2000); 

    var counter = 2042; 
    function addRow() { 
     counter++; 
     var myRow = "<tr class='PortletTableUseButton'><td>BLOCK-" + counter + "</td><td>Location A</td><td >Use</td></tr>"; 

     $("#Portlet #content tr:last").after(myRow); 
    } 
<div id="Portlet" style="position:absolute; top:500px;left:500px; height:200px;"> 
    <div id="content" style="height:80%;"> 
     <table id="PortletTable"> 
      <tr> 
       <td>File Name</td> 
       <td>Location</td> 
       <td>Action</td> 
      </tr> 
     </table> 
    </div> 
</div> 

Answer 1

您沒有正確使用事件委託。每次

$(document).on('click', '.PortletTableUseButton', function() { ... }); 

http://learn.jquery.com/events/event-delegation/

或者，運行點擊功能添加行：試試這個。