Announcement

**boogily** · Sep 6, 2011, 03:16 PM

*banging my head on a wall

Can anyone please help me? Does anyone charge to debug anything like this?

**boogily** · Sep 6, 2011, 06:05 PM

Making good progress. If the content is just barely large enough to enable the custom scroller, it freezes. I narrowed it down to

Code:

append(elem.children())

inside of the scrollpane.js file. More surrounding code here

Code:

function initialise(s)
			{

				var /*firstChild, lastChild, */isMaintainingPositon, lastContentX, lastContentY,
						hasContainingSpaceChanged, originalScrollTop, originalScrollLeft,
						maintainAtBottom = false, maintainAtRight = false;

				settings = s;

				if (pane === undefined) {
					originalScrollTop = elem.scrollTop();
					originalScrollLeft = elem.scrollLeft();

					elem.css(
						{
							overflow: 'hidden',
							padding: 0
						}
					);
					// TODO: Deal with where width/ height is 0 as it probably means the element is hidden and we should
					// come back to it later and check once it is unhidden...
					paneWidth = elem.innerWidth() + originalPaddingTotalWidth;
					paneHeight = elem.innerHeight();

					elem.width(paneWidth);
					
					pane = $('<div class="jspPane" />').css('padding', originalPadding).append(elem.children());
					container = $('<div class="jspContainer" />')
						.css({
							'width': paneWidth + 'px',
							'height': paneHeight + 'px'
						}
					).append(pane).appendTo(elem);

					/*
					// Move any margins from the first and last children up to the container so they can still
					// collapse with neighbouring elements as they would before jScrollPane 
					firstChild = pane.find(':first-child');
					lastChild = pane.find(':last-child');
					elem.css(
						{
							'margin-top': firstChild.css('margin-top'),
							'margin-bottom': lastChild.css('margin-bottom')
						}
					);
					firstChild.css('margin-top', 0);
					lastChild.css('margin-bottom', 0);
					*/
				} else {
					elem.css('width', '');

					maintainAtBottom = settings.stickToBottom && isCloseToBottom();
					maintainAtRight  = settings.stickToRight  && isCloseToRight();

					hasContainingSpaceChanged = elem.innerWidth() + originalPaddingTotalWidth != paneWidth || elem.outerHeight() != paneHeight;

					if (hasContainingSpaceChanged) {
						paneWidth = elem.innerWidth() + originalPaddingTotalWidth;
						paneHeight = elem.innerHeight();
						container.css({
							width: paneWidth + 'px',
							height: paneHeight + 'px'
						});
					}

http://vps5283.inmotionhosting.com/~greatnor/jquery/jquery.jscrollpane.js

Line 106. Hope this helps!!!!!!!

**boogily** · Sep 7, 2011, 01:26 AM

Okay. Turns out the content size doesn't matter.
Even funnier, the .js file starts at line 263, this code

Code:

elem.trigger('jsp-initialised', [isScrollableH || isScrollableV]);

**boogily** · Sep 12, 2011, 05:01 PM

In IE it says it is a permission issue with jQuery

Code:

finally {
							fired = [ context, args ];
							firing = 0;
						}

It says permission denied?!?

**boogily** · Sep 14, 2011, 02:59 PM

HAH!!!! narrowed it down to email addresses. If anywhere there is a .com and the a space after it, it causes the conflict. Why? Only God knows

*update even is the [email protected] is in the href it still misfires.

**boogily** · Sep 20, 2011, 09:38 PM

Solved

Alright! after nearly 3 weeks, it turns out to be a native email cloaking plugin in the content management system that conflicts with the jQuery when an email address gets called.

I just disabled the plugin and installed a more compatible version. I know nobody helped with this, but just in case someone else runs into it, I hope it helps

Announcement

Need help with jQuery conflict please

Need help with jQuery conflict please

Comment

Comment

Comment

Comment

Comment

Comment