jQuery: Verkettung mehrerer Funktionen gibt Uncaught Typeerror

Question

Ich versuche, mehrere Funktionsaufrufe in meinem Skript zu verketten, aber ich bekomme immer Uncaught TypeError: $(...).tablesorter(...).tablesorterPager is not a function, wenn ich versuche, es auf meiner Webseite zu bekommen.

Der betreffende Code wird wie folgt formatiert:

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

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

Ich bin mit dem Tablesorter plugin hier, was die tableSorter und tablesorterPager Funktionen verwendet.

Was ist hier schief gelaufen? Habe ich etwas vergessen?

Answer 1

Vorausgesetzt, dass Sie die entsprechenden Plugin-Dateien installiert haben (in der richtigen Reihenfolge, wenn Reihenfolge Angelegenheiten)

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

ist in der Regel auf, wenn es Konflikte zwischen jQuery und andere Bibliotheken. Bleiben aus der Not, rufen $.noConflict() und vergessen Sie nicht Ihren jQuery-Code auszuführen, nachdem das Dokument ready

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

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

Answer 2

Ich denke, das verursacht den Fehler .tablesorterPager (pagerOptions);

Versuchen mit diesem:

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

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

Answer 3

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

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

Mit dieser Methode kann unten auf der Seite ist.