jQuery Pagination只工作一次

时间:2017-04-18 17:15:35

标签: javascript jquery ajax pagination

我正在使用http://www.jqueryscript.net/table/Minimal-jQuery-Table-Pagination-Plugin-SimplePagination.html对我点击按钮时更改的表进行分页。此按钮具有Ajax / JSON函数“onClick”,可在此表中附加<tr>。分页只在第一次执行此函数时起作用,我已经使用过.remove()方法,但它仍然有效。我该怎么办?

分页的功能:

function paginate(){

$('.pagination').remove();

$("#results").simplePagination({
    perPage: 100,
    containerClass: 'pagination',
    previousButtonClass: "btn btn-danger",
    nextButtonClass: "btn btn-danger"
  });
}

感谢。

EDIT。

Ajax / Json代码:

function generateResults(){

$.ajax({
    url:'../json/logs/loadResults.php',
    data:{
      idFolder:idFolder
    },
    type:'post',
    dataType:'json',
    success:function(data){
        $('#results').show();

        $.each(data, function(){
            $("#results").append("<tr class='tableGrid'><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].login+"</td><td>"+(data[i].file_create == 1 ? "Yes":"No")+"</td><td>"+(data[i].file_del == 1 ? "Yes":"No")+"</td><td>"+(data[i].file_move == 1 ? "Yes":"No")+"</td><td>"+(data[i].file_rename == 1 ? "Yes":"No")+"</td></tr>");
        i++;
        });

        if($("#results tr").length > 0){
        paginate();
        }
    }
    });
}

0 个答案:

没有答案