Question

所以在我的数据表中，我有一些按钮，可以编辑记录。我正在使用JQuery来设置样式并为按钮单击提供功能。将JQuery应用于按钮的唯一方法是将代码放在表的fnDrawCallback选项中。但是，它会导致多个函数实例！例如，只是为了测试我正在创建一个警报，以便在单击按钮时向我提供按钮ID（即记录ID）。而不只是提醒我一下，它给了我几个警告！

有什么想法吗？

*作为旁注，我尝试在fnInitComplete选项中声明函数，但只将函数应用于显示的第一组记录（即10）。一旦我显示更多记录或转到下一页，这些功能就不会对这些记录起作用。

var tfTable = $('.mypbhs_truforms').dataTable({
        "bProcessing": true,
        "sAjaxSource": 'sql/mypbhs_truforms.php?accountid=<?PHP echo $accountid;?>',        
        "aaSorting": [[ 1, "asc" ]],
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        //"bStateSave": true, //Use a cookie to save current display of items
        "aoColumns": [
            {"asSorting": [  ], "sClass":"center"},
            null,
            null,
            null,
            null,
            null,
            {"asSorting": [  ], "sClass":"center"},
        ],
        "fnDrawCallback": function(){
            //EDIT OFFICE FORM
            $('.mypbhs_edit_truform_button').click(function(){
                var tf_id = $(this).attr('id');
                alert(tf_id);
            });
        },
        "bScrollCollapse": true,
        "sScrollX": "100%",
         "fnInitComplete": function() {
                tfTable.fnAdjustColumnSizing();
         }
    });

Answer 1

好的，所以找到了解决这个问题的方法。使用JQuery的.on函数来处理我在fnDrawCallback选项中放置的所有函数。我很好奇为什么使用fnDrawCallback创建相同功能的多个实例，尽管有人对此有答案。

Answer 2

.mypbhs_edit_truform_button住哪儿？如果它在原始表本身之外，则每次重绘表时它将再次绑定。由于.on()有效，它可能是委托模式（因为它只能是.click（）的直接翻译）。这意味着它确实存在于原始表本身之外，因此存在多个绑定。

如果你想以原始方式（虽然我认为.on（）更好），有没有理由不把它放在InitComplete回调中呢？

JQuery DataTables - fnDrawCallback递归问题

2 个答案: