Question

为什么这段代码不能用作onclick？

$('.mainz11').click (function() {
    $(this).animate({
        height: '280px'
    }, 800);
}, function() {
    $(this).animate({
        height: '100px'
    }, 800);
});

Answer 1

如果你试图首先扩展元素然后收缩它，它应该是这样的：

$('.mainz11').click(function() {
    // determine target heights
    if ($(this).hasClass("expanded")) {
            var targetHeight = 100;
    } else {
        var targetHeight = 280;
    }

    // animate
    $(this).animate({
        height: targetHeight
    }, { 
        duration: 800,
        complete: function() { $(this).toggleClass("expanded"); }
    });
});

这可以使用一些清理，但它可以解决问题，您可以通过这种方式轻松跟踪扩展项目。见这里：http://jsfiddle.net/mpQek/3/

Answer 2

click函数只接受一个函数，但是您将2个函数传递给它。你可以这样试试：

 $('.mainz11').click (function() {
    $(this).animate({
    height: '280px'
    }, 800);
   });

Answer 3

如果要链接动画，请将下一个动画作为完成第一个动画时运行的函数：

http://api.jquery.com/animate/

    $('.mainz11').click (function() { 
  $(this).animate({ height: '280px', 800, 
    function() { $('.mainz11').animate({ height: '100px'}, 800)
  ); 
 });

Onclick不起作用

3 个答案: