javascript - 数据表操作菜单中的单击功能

Question

js输出：

$(document).ready(function() {

        $('#datatable').dataTable({
            "bProcessing": true,
            "bServerSide": true,
            "sPaginationType": "full_numbers",
            "sAjaxSource": "includes/list.php",
            "sServerMethod": "POST"

        });


        $('.deleteRow').click(function() {
            alert("wait...");
        });


});

服务器端 php 输出：

<tr class="odd">
<td class="">lorem ipsum</td>
<td class="">lorem ipsum</td>
<td class="">lorem ipsum</td>
<td class="">lorem ipsum</td>
<td class="">lorem ipsum</td>
<td class=""><a class="deleteRow">delete</a></td>
</tr>

当我点击删除没有警报..

但是当我将这个删除链接手动放入我的页面时（不是 php 输出），功能运行良好..

Answer 1

页面加载后需要使用的元素.on()

       $(document).on('click','.deleteRow',function() {
            alert("wait...");
        });

Answer 2

使用委托

$(document).on('click','.deleteRow',function() {
            alert("testing");
        });

Answer 3

试试这个：

$('.deleteRow').on('click', function() {
     alert("wait...");
});

编辑：正如其他人所说，正确的方法是......

$(document).on('click', '.deleteRow', function() {
     alert("wait...");
});