Tablesorter Pager and Safari
Hi all. I am building an app using the tablesorter plug-in and it's pager plug-in. Things work perfectly fine in Firefox, IE and Chrome, but Safari (4.0.4 on a PC) is giving me an error 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({
container: jQuery(pagerSel),
positionFixed: false
});
I believe the error is related to the fact that Prototype is used on the page as well (this is a portal environment so my app has to play nice with all of the other portlets), even though I am escaping jQuery and using the "jQuery." prefix. Here is what Safari's script error console shows me.
prototype.js:1164TypeError: Result of expression '$' [undefined] is not a function.
Any ideas as to how I can fix this and get the app working in Safari?