Question

嗨！我想知道如何调整＆＃34;调整大小＆＃34;单击onClick代码时运行的函数，在我已用注释＆＃34; Here＆＃34;标记的代码的特定部分中运行。我的尝试是：

$('#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

如何使用false动画队列获取onClick函数以运行外部函数？

1 个答案: