无法使我的延迟功能起作用

Question

我正在尝试用CSS和jQuery制作一张卡片.我正在使用它的情况,正面需要在溢出的隐藏容器中,当它翻转时,它需要在溢出的可见容器中.

这是我的例子:

$('.front').click(function(){
    $('#card').toggleClass('flipped');
    $('.container').toggleClass('flippedContainer');
});
$('.back').click(function(){
    $('#card').toggleClass('flipped');
    $('.container').delay(500).toggleClass('flippedContainer');
})

http://jsfiddle.net/ANfuL/

当你注意到从前到后工作正常但我需要班级切换等待半秒才能切换.我试过延迟,但它似乎没有做任何事情.

我能做什么？

Answer 1

delay仅在默认情况下与效果队列一起使用.请尝试使用setTimeout:

setTimeout(function(){$('.container').toggleClass('flippedContainer');},500);