如何使jQuery效果按顺序运行,而不是同时运行？

$("#element").queue(function() {
  // 第一个效果
  $(this).animate({left: "+=50px"}, 500);
  $(this).dequeue();
});

$("#element").queue(function() {
  // 第二个效果
  $(this).animate({opacity: 0.5}, 500);
  $(this).dequeue();
});

$("#element").queue(function() {
  // 第三个效果
  $(this).animate({height: "200px"}, 500);
  $(this).dequeue();
});