アニメーション後にjQuery関数がスキップされる

Question

次のコードをクリック機能から実行しています。何らかの理由で、100pxまでアニメーション化されている部分は、console.logまたはmy_function()を実行することはありません。 200pxまでアニメートする部分はすべて正常に動作します。何がありますか？

if($(this).hasClass('open')) 
{ 
    $(this).removeClass('open').addClass('closed'); 
    $(this).animate({'width': '100px'}, {queue:false, duration:150, easing: 'linear'}).delay(160, function(){ 
    //Nothing in here ever get run?? 
    console.log('closed'); 
    my_function(); 
    }); 
} 
else 
{ 
    $(this).removeClass('closed').addClass('open'); 
    $(this).animate({'width': '200px'}, {queue:false, duration:200, easing: 'linear'}).delay(210, function(){ 
    console.log('opened'); 
    my_function(); 
    }); 
} 

Answer 1

$.fn.delayにはコールバックパラメータがありません。

http://api.jquery.com/delay/

Answer 2

あなたが代わりに.delayを使用しようと、.animateにコールバックを使用する必要があります。それを試してみてください：

$(this).animate({'width': '100px'}, 150, function(){ 
    console.log('closed'); 
    my_function(); 
});