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: 303
        
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