数据表jquery点击事件在分页后不起作用
我正在使用http://datatables.net/
我在onclick事件上触发ajax调用,下面是ajax调用代码:
$(".activeAccount").click(function() { var intCounselorId = $(this).parent().parent().find('input[class="counselorId"]').attr("value"); var intOwnerId = $(this).parent().parent().find('input[class="userID"]').attr("value"); var strAction = 'activateAccount'; performAction(intCounselorId, intOwnerId, strAction); }); function performAction(intCounselorId, intOwnerId, strAction) { $.ajax({ url: '/admin/counselormanagement/expertmanagementgridaction', data: 'intCounselorId='+intCounselorId+'&intOwnerId='+intOwnerId+'&strAction='+strAction, type: "POST", async:false, success: function(intFlag) { if(intFlag == 1){ location.reload(); } } }); }
我正在尝试运行一个在第一页上正常工作的onclick事件,但是一旦我转到第2页(或任何其他),它就会停止工作。
我正在使用jquery-1.10.2.min.js和1.9.4版本的数据表
因为事件仅附加到现有元素。
您应该将其更改为:
$("#tableId").on("click", ".activeAccount", function(){ // your code goes here });
阅读jQuery.on文档中的更多内容 。