在数据表操作菜单中单击function

click function in datatables action menu

本文关键字：单击 function 菜单 数据表 操作      更新时间：2023-09-26

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输出)功能工作良好..

将在页面加载后出现的元素，您需要使用.on() 

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

使用委托

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

试试这个:

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

编辑:正如其他人所说，正确的方法是…

$(document).on('click', '.deleteRow', function() {
     alert("wait...");
});
相关文章：