Question

I am currently working on this project.
This is the link to see results.

tigermom2/school-search/

I have applied pagination with jPages plugin.
Pagination works fine for the first time along with sorting.
But when you change the filters on the left side, pagination works but sorting gives fluctuation.

jPages plugin is activated before AJAX load. We need to deactivate plugin and reactivate it after AJAX page content is loaded.
How to deactivate and reactivate jPages plugin?

How to initiate plugin after page AJAX content loading?

Answer 1

Re-initiate jPages plugin after ajax call either on success or done.

$.ajax({
      url: 'your ajax page url',
      type: 'Either POST or GET',
      data: 'Data to be sent to ajax page',
      success: function(){
               $("div.holder").jPages({
                  containerID: "pageContainer",
                  perPage : 5
               });
             }
});

or

$.ajax({
      url: 'your ajax page url',
      type: 'Either POST or GET',
      data: 'Data to be sent to ajax page',

}).done(function(){
   $("div.holder").jPages({
                  containerID: "pageContainer",
                  perPage : 5
               });
});