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

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>

点击删除无警报..

但是当我把这个删除链接放在我的页面manuelly（不是php输出）功能正常工作..

Answer 1

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

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

Answer 2

使用Delegate

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

Answer 3

试试这个：

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

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

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