Question

我想在页面中的swiching div之间进行动画处理，按下按钮时，我想要将swich效果设置为淡入淡出。但是当我点击向前箭头时效果不起作用，但是如果我点击后退箭头它就可以工作。只是第一次点击前进箭头不起作用。

这是我的 unsafeTake 。

JS：

 GET /user/_search
 {
   "query": {
    "filtered": {
     "filter": {
      "range": {
        "date": {
          "from": "01-01",
          "to": "01-01",
          "include_upper" : true
          }
        }
      }
    }
  }
}

Answer 1

为什么不简单地使用.fadeOut()和.fadeIn()？很容易就是馅饼！

$('.next').on('click', function () {
  if (index != slidesLeng) {
    $(contentSlides[index]).fadeOut(1000, function () {
      $(this).removeClass('active');
      index++;
      $(contentSlides[index]).fadeIn(1000).addClass('active');
    });
  }
});

$('.prev').on('click', function () {
  if (index != 0) {
    $(contentSlides[index]).fadeOut(1000, function () {
      $(this).removeClass('active');
      index--;
      $(contentSlides[index]).fadeIn(1000).addClass('active');
    });
  }
});

小提琴：http://jsfiddle.net/fm95wc4k/

Jquery动画效果在第一次单击时不起作用

1 个答案: