javascript - 如何让带有 false animate 队列的 onClick 函数也运行外部函数？

Question

http://jsfiddle.net/neowot/xgJns/184/

嗨!我想知道如何在单击 onClick 代码时运行“调整大小”函数，在我用注释“此处”标记的代码的特定部分中。我的尝试是:

$('#Div5').animate({
    marginLeft: isOut ? '120px' : '0px'
}, { duration: 200, queue: false }, resize); 

但由于某种原因不起作用。我不确定我的网站是否特别困惑。

谢谢。

Answer 1

这是更新后的点击函数，将第三个参数 function(){} 添加到 animate 并调用其中包含的 resize():

 $('#Div1').click(function() {
    if ( $('#Div2').is(":visible") ) {
        $('#Div2').hide(0);
    }

    $('#Div5').toggleClass('isSize');
    var isSize = $('#Div5').hasClass('isSize');
    $('#Div5').animate({
        width: isSize ? '408' : '204px'
    }, { duration: 200, queue: false }, function(){
        resize();
    });

    $('#Div5').toggleClass('isOut');
    var isOut = $('#Div5').hasClass('isOut');
    $('#Div5').animate({
        marginLeft: isOut ? '120px' : '0px'
    }, { duration: 200, queue: false }, function(){
        resize();
    });     

    $('#Div3').fadeToggle(500);
    $('#Div4').fadeToggle(500);
});

DEMO