jScrollPane is not a function

1,045 views
Skip to first unread message

Alio

unread,
Aug 9, 2010, 7:58:31 AM8/9/10
to jscrollpane
Hi,
have tried jScrollPane and works ok...
but, when i add this to my existing page using
- jquery-1.4.2.min.js
- jquery-ui.min.js
- query.ifixpng.js
-jquery.fancyzoom.js
-jquery.mousewheel.js
and
http://maps.google.com/maps/api/js?sensor=true (google maps api)
i get "jScrollPane is not a function!?!!?
help!!!

Kelvin Luck

unread,
Aug 9, 2010, 8:07:19 AM8/9/10
to jscro...@googlegroups.com
Hi,

Can you provide a URL demonstrating the problem?

It may be that you need to use jQuery in noConflict mode so that it can
work alongside those other libraries but I couldn't say for sure without
seeing the page with the problem...

Cheers,

Kelvin :)

Alio

unread,
Aug 9, 2010, 8:09:12 AM8/9/10
to jscrollpane
url:
http://tinyurl.com/3576bxq
user: test_user
pass: 123


On Aug 9, 2:07 pm, "Kelvin Luck" <kel...@kelvinluck.com> wrote:
> Hi,
>
> Can you provide a URL demonstrating the problem?
>
> It may be that you need to use jQuery in noConflict mode so that it can  
> work alongside those other libraries but I couldn't say for sure without  
> seeing the page with the problem...
>
> Cheers,
>
> Kelvin :)
>
> On Mon, 09 Aug 2010 12:58:31 +0100, Alio <a...@limonet.si> wrote:
> > Hi,
> > have tried jScrollPane and works ok...
> > but, when i add this to my existing page using
> > - jquery-1.4.2.min.js
> > - jquery-ui.min.js
> > - query.ifixpng.js
> > -jquery.fancyzoom.js
> > -jquery.mousewheel.js
> > and
> >http://maps.google.com/maps/api/js?sensor=true(google maps api)

Kelvin Luck

unread,
Aug 9, 2010, 8:19:24 AM8/9/10
to jscro...@googlegroups.com
Hi,

I don't get any errors on that page. I do notice a few potential problems
though:

* You include jQuery and jScrollPane multiple times (in the HEAD and in
the body). All of your script includes should be in the head (and some of
the long inline scripts you have in the body could be refactored into an
included script file).
* The jScrollPane css is loaded after the javascript. This can sometimes
cause problems on webkit browsers.

I think that your problem is most likely to do with the multiple includes
from all over the page though...

Alio

unread,
Aug 9, 2010, 8:26:23 AM8/9/10
to jscrollpane
have cleaned up the code... and now fancyzoom alsow dosent work :P

On Aug 9, 2:19 pm, "Kelvin Luck" <kel...@kelvinluck.com> wrote:
> Hi,
>
> I don't get any errors on that page. I do notice a few potential problems  
> though:
>
>   * You include jQuery and jScrollPane multiple times (in the HEAD and in  
> the body). All of your script includes should be in the head (and some of  
> the long inline scripts you have in the body could be refactored into an  
> included script file).
>   * The jScrollPane css is loaded after the javascript. This can sometimes  
> cause problems on webkit browsers.
>
> I think that your problem is most likely to do with the multiple includes  
>  from all over the page though...
>
> On Mon, 09 Aug 2010 13:09:12 +0100, Alio <a...@limonet.si> wrote:
> > url:
> >http://tinyurl.com/3576bxq
> > user: test_user
> > pass: 123
>
> > On Aug 9, 2:07 pm, "Kelvin Luck" <kel...@kelvinluck.com> wrote:
> >> Hi,
>
> >> Can you provide a URL demonstrating the problem?
>
> >> It may be that you need to use jQuery in noConflict mode so that it can  
> >>  work alongside those other libraries but I couldn't say for sure  
> >> without seeing the page with the problem...
>
> >> Cheers,
>
> >> Kelvin :)
>
> >> On Mon, 09 Aug 2010 12:58:31 +0100, Alio <a...@limonet.si> wrote:
> >> > Hi,
> >> > have tried jScrollPane and works ok...
> >> > but, when i add this to my existing page using
> >> > - jquery-1.4.2.min.js
> >> > - jquery-ui.min.js
> >> > - query.ifixpng.js
> >> > -jquery.fancyzoom.js
> >> > -jquery.mousewheel.js
> >> > and
> >> >http://maps.google.com/maps/api/js?sensor=true(googlemaps api)

Kelvin Luck

unread,
Aug 9, 2010, 8:35:01 AM8/9/10
to jscro...@googlegroups.com
You are still including jQuery and jQuery UI twice into the page...

Alio

unread,
Aug 9, 2010, 11:16:31 AM8/9/10
to jscrollpane
ok.... now all the duplicates removed... no errors in console
but...the jScrollPane not working... ?

Kelvin Luck

unread,
Aug 9, 2010, 11:49:42 AM8/9/10
to jscro...@googlegroups.com
It looks like the jScrollPane container is having it's dimensions set to
0px. This normally happens when you initialise jScrollPane on a hidden
element. If the element is hidden make sure that you make it visible
before you initialise jScrollPane on it...

Hope it helps,

Kelvin :)

Alio

unread,
Aug 9, 2010, 11:57:55 AM8/9/10
to jscrollpane
you are 100% correct!!!
THANK YOU!

On Aug 9, 5:49 pm, "Kelvin Luck" <kel...@kelvinluck.com> wrote:
> It looks like the jScrollPane container is having it's dimensions set to  
> 0px. This normally happens when you initialise jScrollPane on a hidden  
> element. If the element is hidden make sure that you make it visible  
> before you initialise jScrollPane on it...
>
> Hope it helps,
>
> Kelvin :)
>
Reply all
Reply to author
Forward
0 new messages