tablesorter - "e.handler.apply" is not a function in jquery table sorter

Question

In one of my application I am using JQUERY tablesorter.But while sorting with any of the cloumns I am getting below error. Any idea why this is happening.

Error : "e.handler.apply" is not function in Jquery.js

My code to use table sorter is as below.

$(".tablesorter")
.tablesorter(
    {
        headers: { 0: { sorter: false}},
        widgets: ['zebra'],
        fixedHeight: false
    })
.tablesorterPager({
  container: $(".pager")
    });

$("#sortHeader").click(

    $(".tablesorter")
    .bind("sortStart",function(e, table) 
        {
            $('.tablesorter').trigger('pageSet',0);

        })

);

But If I am commenting the code which starts from "$("#sortHeader").click" then it is working fine. But I need that portion of code to meet my requirement.

Any thoughts on this.

Answer 1

You are missing a function() callback block of click:

$("#sortHeader").click(function(){ // <-----you need to have a callback function.
    $(".tablesorter").bind("sortStart",function(e, table){
        $('.tablesorter').trigger('pageSet',0);
    });
}); // <---do a proper closing.

---

Issue in your code:

When you do :

$("#sortHeader").click(

without a callback function that will always gives you error in the jQuery library as you got to know Error : "e.handler.apply" is not function in Jquery.js

Because the way .click() method is written it needs a callback function to do something whenever you fire this event. so in your code jQuery thinks that whatever written in the (...here...) is a callback to the fired click event and it fails to apply that callback.