задержка Jquery Неизвестное Ошибка

Question

Это мой код

$(document).ready(function(){ 
function margin(){ 
    $('.logo').animate({ marginLeft : "150px"}, 1500).delay(4000).animate({ marginLeft : "350px"}, 1500, function() { 
     delay(4000).margin(); 
    }); 
} 
margin(); 
}); 

Я хочу, чтобы мой код в цикле бесконечно, но она не работает. Консоль Firebug говорит: «Необработанная ошибка: неопределенная переменная: delay» (4-я строка). Что мне не хватает?

Answer 1

delayundefined? Попробуйте заменить $.fn.delay на вызов undefineddelay функция; используя .queue() называть margin рекурсивно

$(document).ready(function() { 
 
    function margin() { 
 
    $(".logo").animate({ 
 
     marginLeft: "150px" 
 
     }, 1500).delay(4000) 
 
     .animate({ 
 
     marginLeft: "350px" 
 
     }, 1500, function() { 
 
     $(this).delay(4000, "margin") 
 
      .queue("margin", margin).dequeue("margin"); 
 
     }); 
 
    } 
 
    margin(); 
 
});

.logo { 
 
    background: olive; 
 
    width: 50px; 
 
    height: 50px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> 
 
</script> 
 
<div class="logo">abc</div>