Zweiter Aufruf einer Funktion liefert Uncaught TypeError: ##### ist keine Funktion

Question

Ich bin bei JS/jQuery ziemlich nutzlos und es gibt eine Menge anderer Code und Animationen, die nicht einfach zu teilen sind, aber könnten jemand lässt mich wissen, warum das alles gut funktioniert, bis es die letzte wordpressAnim(); erreicht.

Der erste Aufruf von wordpressAnim(); funktioniert gut, aber wenn es wieder Anrufe erhalte ich die Fehlermeldung:

Uncaught TypeError: wordpressAnim is not a function

function magentoComplete(){ 
    console.log("Magento COMPLETE"); 
    magentoContainer.hide(); 
    wordpressAnim(); 
} 

function wordpressComplete(){ 
    console.log("Wordpress Complete"); 
    wordpressAnim.hide(); 
    woocommerceAnim(); 
} 

function wooComplete(){ 
    console.log("Woocommerce Complete"); 
    wooContainer.hide(); 
    wordpressAnim(); 
} 

Sorry, vorher nicht hinzufügen. Hier ist die wordpressAnim(); Funktion:

var wordpress = $('.wordpress_anim'), 
wordpressAnim; 

function wordpressAnim(){ 

var tlWordpressVisible = new TimelineLite 
    tlWordpressSetup = new TimelineLite 
    wordpressAnim = $('.wordpress_anim'), 
    wordpressText1 = $('.wordpress_anim .text1'), 
    wordpressText2 = $('.wordpress_anim .text2'), 
    wordpressPercent1 = $('.wordpress_anim .percent1'), 
    wordpressPercent2 = $('.wordpress_anim .percent2'), 
    wordpressCircle_front_89 = $('.wordpress_anim .circle_front_89'), 
    wordpressCircle_front_50 = $('.wordpress_anim .circle_front_50'), 
    wordpressPercent1Number = $('.wordpress_anim .percent1Number'), 
    wordpressPercent2Number = $('.wordpress_anim .percent2Number'), 
    wordpressCircle_back = $('.wordpress_anim .circle_back'), 
    wordpressLogo = $('.wordpress_anim .wordpress'), 
    wordpressCounter = { var: 0 }, 
    tlWordpress_anim = new TimelineMax; 

tlWordpressVisible.set("circle,polygon,polyline,line,polygon,path, rect", {visibility:"visible"}); 
tlWordpressSetup.set(".wordpress_anim .percent2, .wordpress_anim .text2", {visibility:"hidden"}); 

tlWordpress_anim 
    .to(wordpressCounter, 3.5, { 
     var: 89, 
     onUpdate: function() { 
      $(wordpressPercent1Number).html(Math.ceil(wordpressCounter.var)); 
     }, 
     ease:Power3.easeInOut 
    }) 
    .from(wordpressLogo, 1, { y:-50, opacity:0, ease:Power3.easeInOut}, '-=3.5') 
    .from(wordpressCircle_back, 0.5, { opacity:0, ease:Power3.easeInOut }, '-=3.5') 
    .from(wordpressText1, .5, { y:10, opacity:0, ease:Power3.easeInOut}, '-=2.25') 
    .from(wordpressCircle_front_89, 1.5, { drawSVG:"0 0", ease:Power3.easeInOut}, '-=2') 
    .to(wordpressText1, .5, { y:200, opacity:0, ease:Power3.easeInOut}, 9) 
    // Start second WordPress Anim 
    .to(wordpressPercent1, .5, { opacity:0, ease:Power3.easeInOut}, '-=.25') 
    .to(wordpressCircle_front_89, .5, { opacity:0, ease:Power3.easeInOut}, '-=.5') 
    .set(wordpressPercent2, {visibility:"visible"}) 
    .set(wordpressText2, {visibility:"visible"}) 
    .set(wordpressCounter, { 
     var: 0 
    }) 
    .to(wordpressCounter, 1.5, { 
     var: 50, 
     onUpdate: function() { 
      $(wordpressPercent2Number).html(Math.ceil(wordpressCounter.var)); 
     }, 
     ease:Power3.easeInOut 
    }) 
    .from(wordpressText2, .5, { y:10, opacity:0, ease:Power3.easeInOut}, '-=1.5') 
    .from(wordpressCircle_front_50, 1.5, { drawSVG:"0 0", ease:Power3.easeInOut}, '-=1.5') 

    .to(wordpressAnim, .5, { y:200, opacity:0, ease:Power3.easeInOut}, 18) 
    .to(wordpressAnim, .1, { opacity:0, ease:Power3.easeInOut, onComplete: wordpressComplete}); 

} 

Answer 1

ich denke, das auf eine Variable zurückzuführen sein kann, genannt wordpressAnim und eine Funktion mit dem Namen die gleiche function wordpressAnim()

Können Sie die Funktion so etwas wie wordpressAnimFunc() versuchen umbenennen und versuchen Sie es mit dieser statt?