[playing timeline within function]

BPolak, thank you, i will try. See this below:

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live(). (http://api.jquery.com/live/)

[playing timeline within function]

hi, jonathan!

thanks for your reply.

 

well, i cannot provide codepen demo because my code load content via ajax (same thing i done with http://www.feeldubrovnik.com/ but without GSAP animation)

 

but, i've figure what is wrong with my code:

content is dynamically loaded into page via ajax, so timelines won't play if elements are created (inserted) into DOM after timeline declaration.

 

so i make it this way:

wait for elements to load into DOM, then declare timeline and play it.

do i need to kill it after playing (because, it must be declared every time content is loaded into DOM)?

[playing timeline within function]

hi!

i am trying to make ajax page change with jQuery address plugin (http://www.asual.com/jquery/address/) and it works fine. you can see working example of that technique here: http://www.feeldubrovnik.com.

i wanted to add some page transition animations with GSAP, so i declared timelines outside the function in which i am trying to call them from, but something i did wrong. here's the (simplified) code:

$(function(){
//...
// declaring timeline 
var tl_home = new TimelineMax({paused:true});
tl_home.fromTo($("#home_logo"), 1.2, {scale:.2, rotation:45, autoAlpha:0}, {scale:1, rotation:0, autoAlpha:1, ease:Back.easeOut});
tl_home.staggerFrom($(".feature_box"), .8, {scale:.1, autoAlpha:0, ease:Back.easeOut, transformOrigin:"50% 50%"}, 0.2, "-=0.9");
//...
$.address.change(function(event) {
//...
switch(currPage.name) {
   case 'home':
      // calling timeline within function
      tl_home.play();
      break;
   case 'about':
      tl_about.play();
      break;
}
//...
});
});

i think that it has some scope issue, but i can't figure it.

when i declare timelines within 'switch' it works just fine.

please tell me what am i doing wrong.

 

tnx in advance.