Question

$(this).animate({"left": left+"px"}, { queue: false, duration: 500 })
.animate({"top": top+"px"}, { queue: false, duration: 500 })
.animate({"height": size+"px"}, { queue: false, duration: 500 })
.animate({"width": size+"px"}, { queue: false, duration: 500 });

我是jQuery的初学者。我想在动画结束时运行以下代码：

$('#map').css('cursor','pointer');

我该怎么做？而且，如果我的代码不好，我会非常感谢你改进它。

谢谢！

Answer 1

您可以同时为它们设置动画并使用"complete" callback：

$(this).animate({
    left:   left + 'px',
    top:    top  + 'px',
    height: size + 'px',
    width:  size + 'px'
}, {
    queue:    false,
    duration: 500,
    complete: function() {
        $('#map').css('cursor','pointer');
    }
});

Answer 2

试试这个：

$(this).animate(
    { // map of the properties to animate
        'left': left + 'px',
        'top': top + 'px',
        'height': size + 'px',
        'width': size + 'px'
    },
    500, // animation duration
    function() { // function to execute when animation is completed
        $('#map').css('cursor','pointer');
    }
);

Answer 3

    $(this).animate({"left": left+"px"}, { queue: false, duration: 500 })
    .animate({"top": top+"px"}, { queue: false, duration: 500 })
    .animate({"height": size+"px"}, { queue: false, duration: 500 })
    .animate({"width": size+"px"}, { queue: false, duration: 500,
      complete : function() {
         $('#map').css('cursor','pointer');
          }
    });

如果我理解正确，应该是这样。

Answer 4

$(this).animate({
  "left": left+"px",
  "top": top+"px",
  "height": size+"px",
  "width": size+"px"
},{
  queue: false, 
  duration: 500,
  complete: function(){
    $('#map').css('cursor','pointer');
  }
});

动画完成jQuery时执行代码

4 个答案: