Question

I have a problem with the load of a js action, i have these two lines:

$(".sorter td:first-child").css("width", "13px");
$(".sorter td:last-child").css("text-align", "center").css("padding", "0").css("line-height", "0").css("width", "65px");

This working oke… but when i go to the second page of the tablesorter pager plugin then it is not loading again.

Screenshot:
a busy cat http://www.dreamwire.nl/Cleanished/error.jpg

Can somewone help me with this? This is all the JS what i have:

var $sorterTable = $(".sorter");
var tablesorterConfig = { widgets: ['zebra'], headers:{ 0:{sorter:false} } };
tablesorterConfig.headers[$sorterTable.find("thead th").length - 1] = { sorter:false };

$sorterTable
.tablesorter(tablesorterConfig)          
.tablesorterPager({container: $("#pager"), positionFixed: false, size : 5 });

$(".sorter td:first-child").css("width", "13px");
$(".sorter td:last-child").css("text-align", "center").css("padding", "0").css("line-height", "0").css("width", "65px");

Answer 1

All these scripts do is set styles. Why not just put those in your stylesheet?

.sorter td:first-child {
    width: 13px;
}
.sorter td:first-child + td + td + td + td + td {
    text-align: center;
    padding: 0;
    line-height: 0;
    width: 65px;
}