Tablesorter Pager not working in Safari or Chrome

Posted by Zendog74 on Stack Overflow See other posts from Stack Overflow or by Zendog74
Published on 2010-05-27T13:13:25Z Indexed on 2010/05/27 18:31 UTC
Read the original article Hit count: 266

Hi all. I am building an app using the tablesorter plug-in and it's pager plug-in. Things work perfectly fine in Firefox and IE, but in Safari (4.0.4 on a PC) and Chrome () I get errors when it hits the following code that binds the tablesorter pager. I took the pager binding out and it worked, so something is going wrong somewhere in those three lines of code.

var tableSel = calendarportlet.ut.createIdSelector(calendarportlet.addNamespace("eventListTable"));
var pagerSel = calendarportlet.ut.createIdSelector(calendarportlet.addNamespace("pager"));
jQuery(tableSel).tablesorter({
widthFixed: true,
headers: { 0: {sorter: false} },
sortList:[[2,1],[1,0]],
widgets: ['zebra']
}).tablesorterPager({ <-- error happens in here
container: jQuery(pagerSel),
positionFixed: false
});

Also, the errors only happen in Safari and Chrome when prototype.js is loaded AFTER jQuery. If they are loaded before jQuery, it works fine. However, this is a portlet and it has to play nice with other portlets, so we don't want to modify the header and loading order of the js libs. Anyone have any ideas on how to fix this?

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about safari