Back again with another question. While I was able to figure out that
the .destroy() and initalise functions are actually working, I've come
across a related problem.
To recap: The layout has 3 main content sections. The size of these
sections is determined by the size of the viewport and the available
width. I have a function that will change these dimensions after every
resize of the window and the layout compensates by moving some content
elements around.
With jScrollPane "turned off", I can see the width and height style
tags updating (in Firebug console) as I resize.
With jScollPane "turned on", these dimensions do not change at all.
In my script, I destroy the jScrollPanes primarily to ensure that the
jSP dimensions do not interfere with my setDimensions function. When
the sizing is complete, jSP is initialised again. I am not using the
API reinitialise function as I want it to load fresh, also why I
destroy. I don't want jSP to have any interaction with the page until
I call it.
It seems that something in the plugin is locking these dimensions, but
I can't figure out where or why.
If anyone wants to take a look at it with Firebug, I have posted 2
versions:
jScrollPane turned off (you can see the proper sizing on the
#searchWrap, #productsWrap and #projectsWrap divs under #page):
http://mgh.bigheadservices.com/sweets/v4/jsp-off.html
jScrollPane turned on (note that the same dimensions are stuck):
http://mgh.bigheadservices.com/sweets/v4/jsp-on.html
I did make some changes to jscrollpane.js to allow for an innerArrow
setting (to move the arrows inside the jspDrag bar), but the sizing
error occurs in an un-molested version of jscrollpane as well.