Jquery: Chaining Multiple Functions Gives Uncaught Typeerror

I'm attempting to chain multiple function calls in my script, but I keep getting Uncaught TypeError: $(...).tablesorter(...).tablesorterPager is not a function whenever I try to ge

Solution 1:

Assuming you have the appropriate plugin files installed (in the appropriate order if order matters)

Uncaught TypeError: $(...).tablesorter(...).tablesorterPager is not a function

is usually encountered when there are conflicts between jQuery and other libraries. To stay out of trouble, call $.noConflict() and don't forget to run your jQuery code after the document is ready

$.noConflict();
jQuery(document).ready(function($){
  functionInitializeTableSorter() {
    var pagerOptions = {
        //object definitions in here
    }; 

    $("#transaction").tablesorter({
        //function stuff in here    
    }).tablesorterPager(pagerOptions);
  }
});

Solution 2:

jQuery(document).ready(function($){
    var pagerOptions = {
        //object definitions in here
    }; 

    $("#transaction").tablesorter({
        //function stuff in here    
    }).tablesorterPager(pagerOptions);
});

Use this method bottom of the page.

Solution 3:

I think this is causing the error .tablesorterPager(pagerOptions);

Try with this:

functionInitializeTableSorter() {
   var pagerOptions = {
       //object definitions in here
   }; 

   $("#transaction").tablesorter(pagerOptions);
}