jQuery问题(延迟和顺序)

时间:2018-07-02 16:29:27

标签: javascript jquery slide

我正在尝试学习jQuery。我试图先使“ slideUp”发生,然后使“ removeClass”发生,依此类推,但似乎不起作用。

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

Link to jsFiddle

my_max

2 个答案:

答案 0 :(得分:2)

尝试在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);
});

答案 1 :(得分:0)

检查更新的jsfiddle https://jsfiddle.net/2bv4seh1/113/

$_SESSION

.delay()用于队列中的项,例如动画。一个简单的addClass不会排队。 :- jQuery delay not working