小编典典

分页后datatables jquery click事件不起作用

ajax

我正在使用http://datatables.net/

<button class='btn btn-success activeAccount'>Activate Account</button>

我在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版本的数据表


阅读 365

收藏
2020-07-26

共1个答案

小编典典

因为事件仅附加到现有元素。

您应该将其更改为:

$("#tableId").on("click", ".activeAccount", function(){
   // your code goes here
});

jQuery.on文档中阅读更多内容

2020-07-26