Click event not registering on second page.

Posted by Cptcecil on Stack Overflow See other posts from Stack Overflow or by Cptcecil
Published on 2010-05-06T14:59:38Z Indexed on 2010/05/06 15:08 UTC
Read the original article Hit count: 176

I'm using tablesorter and tablesorter.pager. Here is my code.

$(document).ready(function() {
$("#peopletable")
        .tablesorter({ widthFixed: true, widgets: ['zebra'] })
        .tablesorterFilter({ filterContainer: $("#people-filter-box"),
            filterClearContainer: $("#people-filter-clear-button"),
            filterColumns: [1, 2, 3],
            filterCaseSensitive: false
        })
        .tablesorterPager({ container: $("#peoplepager") });

$("#peopletable tr.data").click(function() {
    var personid = $(this).attr('id');
    $.ajax({
    type: "POST",
    url: "/Search/GetDocumentsByPerson",
    data: { "id": personid },
    datatype: "json",
    success: function(data) {
        var results = eval(data);
        $("#documentstable > tbody tr").remove();
        $.each(results, function(key, item) {
            $("#documentstable > tbody:last").append(html);
        });
        $("#documentstable").trigger("update");
    }
});
});
});

Everything works great except when I click on the next page my button click event doesn't fire. Is this a known issue with jquery tablesorter?

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about tablesorter