javascript - jQuery 问题(延迟和顺序)

Question

我正在尝试学习 jQuery。我试图让“slideUp”首先发生，然后是“removeClass”等等，但是，它似乎不起作用。

另一个问题是，如果我单击已选择的同一图标，.delay 会起作用，但在其他情况下不起作用。

Link to jsFiddle

$(".icon ").click(function() {
  $(".text").slideUp(1000).delay(800);
  $(".icon").removeClass("selected");
  $(".icon").addClass("unselected")
  $(this).removeClass("unselected");
  $(this).addClass("selected");
  $(".text").eq($(this).index()).slideDown(1000);
});

Answer 1

尝试在slideUp回调函数中编写代码，如下所示:

$(".icon ").click(function() {
  var _this = $(this);
  $(".text").slideUp(1000, function(){
      $(".icon").removeClass("selected");
      $(".icon").addClass("unselected")
      _this.removeClass("unselected");
      _this.addClass("selected");
      $(".text").eq($(this).index()).slideDown(1000);
  }).delay(800);
});