Animate JQuery не работает

Question

У меня есть небольшая проблема с моим Jquery кодексом

Uncaught TypeError: undefined is not a function

<script type="text/javascript"> 
    function AnimateCloud() { 
     $("#cloudAmu").animate({ 
      "left": "+150%" 
     }, 5000, 'linear'); 
     return false; 
    } 

    function AnimateCloud2() { 
     $("#cloudAmu").animate({ 
      "right": "+150%" 
     }, 5000, 'linear'); 
     return false; 
    } 

    $(document).ready(
     AnimateCloud().then(AnimateCloud2()) 
    ); 
</script> 

У вас есть идея, что это проблема?

С наилучшими пожеланиями

Goldiman

Answer 1

Проблема в том, что ваши функции возвращают логическое значение false, которое не имеет метод then().

Чтобы связать вызовы с вашими функциями, вам необходимо вернуть promise из ваших звонков в animate(). Попробуйте это:

function AnimateCloud() { 
    return $("#cloudAmu").animate({ 
     "left": "+150%" 
    }, 5000, 'linear').promise(); 
} 

function AnimateCloud2() { 
    return $("#cloudAmu").animate({ 
     "right": "+150%" 
    }, 5000, 'linear').promise(); 
} 

$(document).ready(function() { 
    AnimateCloud().then(AnimateCloud2) 
}); 

Обратите внимание, что кажется, что оба AnimateCloud() и AnimateCloud2() содержат ту же логику и могут быть улучшены.

Answer 2

вы пытаетесь вызвать функцию, то(), но AnimateCloud() возвращают ложь.

function AnimateCloud(complete) { 
    $("#cloudAmu").animate({ 
     "left": "+150%" 
    }, 5000, 'linear', complete); 
} 

AnimateCloud(function() { 
    AnimateCloud2() 
}); 

Answer 3

Вы пытаетесь вызвать функцию на AnimateCloud(), которая не является объектом JQuery. Вы можете позвонить AnimateCloud2() изнутри AnimateCloud(), когда он завершает свою анимацию, смотрите ниже код

<script type="text/javascript"> 
    function AnimateCloud() { 
     $("#cloudAmu").animate({ 
      "left": "+150%" 
     }, 5000, 'linear', function(){ 
      AnimateCloud2(); 
     }); 

     return false; 
    } 

    function AnimateCloud2() { 
     $("#cloudAmu").animate({ 
      "right": "+150%" 
     }, 5000, 'linear'); 
     return false; 
    } 

    $(document).ready(function(){ 
     AnimateCloud(); 
    }); 
</script> 

Answer 4

Причины Методы одушевленные в JQuery не выполнить до предыдущего одушевленного закончили .. вы можете просто использовать

$(document).ready(function(){ 
     AnimateCloud(); 
     AnimateCloud2(); 
});