запуск функций после задержки jquery

Question

я бы оживил два элемента после задержки, вызванной для родительского элемента.HTML может выглядеть так:

<div id='daddy'>
 <span id='text'>some text</span><a id='link'>a link</a>
</div>

Мне нужно что-то вроде этого, чтобы вызвать "функцию"

$("#daddy").fadeIn(300).delay(10000).function()
{
 $("#text").animate({[some stuff]});
 $("#link").animate(
  {
    [some stuff],
    [some other]
  });
}

Я попытался взглянуть на .trigger ("myPersonalEvent") исоздание настраиваемого события, но я думаю, что это неправильный способ выполнить то, что мне нужно ... хорошая идея - разрешить обратный вызов после delay (), но это невозможно

я также добавил фальшивый вызов анимациипосле этого запасной вариант, но ни одно из этих решений не возбуждает меня так сильно ..

что-то лучше?

Answer 1

Я бы использовал setTimeout внутри функции обратного вызова для fadeIn.:

$("#daddy").fadeIn(300, function () {   
    setTimeout(function()
    {
        $("#text").animate({[some stuff]});
        $("#link").animate(
        {
            [some stuff],
            [some other]
        });
    }, 10000);
});