Jump to content


How can use jQuery and DrawSVG ?

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi, im noobish,  trying to include my first DrawSVG Animation in my existing website, which uses jQuery for a page-slide in for mobile.

Ok, the DrawSVG Animation does not work when i just include all necessary GSAP plugins/scripts. 

As soon as i remove jQuery,  the svg-animation works fine.


Right before my closing body tags theres this script:

<script src="js/jquery.pageslide.min.js"></script>


i tried just with:
<script type="text/javascript" src="js/greensock/jquery.gsap.js"></script>
<script src="js/jquery.pageslide.min.js"></script>
and lots off other stupid things...
Could someone please help?
thx in advance!
the website where the problem is:
if you resize your screen to about smartphonesize ( or use a smartphone) you can see that the menu icon doesnt do anything 
the other sites work 
Link to comment
Share on other sites

Hi bertelot  :)


pls make a Reduced Codepen Demo available :


How to Create a CodePen Demo : http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/


, and in your ux.html link i have this Console.error : jQuery is not defined /  $ is not defined


so , pls load the jQuery library too  :)

Link to comment
Share on other sites

Hi,  if i include the jQuery script  the pageslide works BUT the svg animation wont play ( which happens to be the logo  :-P )..

i updated http://www.bertelot.de/ux.html

ok maybe i should make this codepen thing  :?

Link to comment
Share on other sites

Hi again :)


pls check this out , everything works perfectly : 

See the Pen dPrmEe by MAW (@MAW) on CodePen

Link to comment
Share on other sites

Ah  :shock: . Ok thanks a lot, ill try to find out, what the solution for my site is...  

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.