jQuery DataTables - 单击事件处理程序不适用于第2页分页

Question

目前我遇到的问题与文章jQuery DataTables - Why click event handler does not work完全相同。

我的代码如下所示：

$('input[id^="remove_button"]').each(function(){
        $(this).click(function(){
            alert('hello');
        });         
    });


<table id="example<?php print $counter ?>" class="display" cellspacing="0" width="100%">
                <thead>
                    <tr>    
                        <th>cn</th>             

                    </tr>
                </thead>    

                <tfoot>
                    <tr>                        
                        <th>cn</th>             

                    </tr>
                </tfoot>            

<tbody> 
<?php                       
for ($i = 0; $i < $users["count"]; $i++) {

print '<td><input type=submit id=remove_button'.$i.' value="remove" /></td>';

  }

?>
</tbody>
</table>

我需要达到以下目标：

$('table[id^="example"]').on('click', '.btn-details', function(){
   showModalDialog(this);
}

在我的情况下，表格是动态生成的，因此会有动态表格ID。 ＆＃39;删除按钮＆＃39;存在于每个表的每一行中。

我尝试过多种方式，但我无法使代码看起来像上面那样。有人可以帮我解决上面的问题吗？