How can use jQuery and DrawSVG ?

[bertelot]

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>
        <script>
         $(".open").pageslide();
     </script>

 

i tried just with:

 

<script type="text/javascript" src="js/greensock/jquery.gsap.js"></script>
<script src="js/jquery.pageslide.min.js"></script>
        <script>
         $(".open").pageslide();
     </script>

 

and lots off other stupid things...

 

Could someone please help?

 

thx in advance!

 

P.S.:

 

the website where the problem is:

 

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

 

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 

 

http://www.bertelot.de/work.html

[Diaco]

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 

[bertelot]

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

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

ok maybe i should make this codepen thing 

[Diaco]

Hi again

 

pls check this out , everything works perfectly : 

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

[bertelot]

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