Javascript jQuery动画不工作（已设置位置）

这让我快发疯了。将滑块放在一起，图像将向下滑动，但当我更改为动画时，它将停止工作

位置已设置为相对。有什么想法吗

 function carousel() {
    var x = document.getElementsByClassName("pf-grid-items");
    var t = document.getElementsByClassName("rotateText");
    var image = document.getElementsByClassName("img1");
    for (var i = 0; i < x.length; i++) {
      x[i].style.display = "none";
    }
    for (var j = 0; j < t.length; j++) {
      t[j].style.display = "none";
    }
    for (var d = 0; d < image.length; d++) {
      image[d].style.display = "none";
    }

    slideIndex++;

    if (slideIndex > x.length) {slideIndex = 1}
    var output = x[slideIndex-1]
    var imageSlide = image[slideIndex-1]
    if (slideIndex % 2 !==0){

    $(output).slideDown(1000).promise().done(function(){

      textCarousel(t)
      $(imageSlide).animate({left:"250px"});
        $(output).fadeOut(5000);
    })
  } else {
    $(output).fadeIn(1000).promise().done(function(){

      textCarousel(t)
        $(output).fadeOut(5000);
    })
  }
  setTimeout(carousel, 7000);
}

---

不必使用

$.animate（）

并更改

left

属性，您可以在CSS中通过指定一个应用

translateX（）

（要水平移动元素，不需要任何唯一的

位置

ing）的类并使用

transition

对其进行动画设置来完成此操作<代码>转换ing

转换

属性比使用jquery设置

左

属性的动画效果要好得多

$（'button'）。在（'click'，function（）上{
$（'div'）.addClass（'move'）；
})

div{
转变：转变1s；
}
.搬家{
转换：translateX（250px）；
}

div
单击
而不是使用
$.animate（）
并更改
left
属性，您可以在CSS中通过指定一个应用
translateX（）
的类（要水平移动元素，不需要任何唯一的
位置
设置）并使用
transition
对其设置动画<代码>转换
ing
转换
属性比使用jquery设置
左
属性的动画效果要好得多


$（'button'）。在（'click'，function（）上{
$（'div'）.addClass（'move'）；
})
div{
转变：转变1s；
}
.搬家{
转换：translateX（250px）；
}

div
单击
您应该创建一个（非）工作的，因为我们没有看到HTML，也没有看到上面使用的所有Javascript（如
textCarousel（t）
函数）。我试图创建，但没有成功。您应该创建一个（非）工作的，因为我们没有看到HTML，也没有看到上面使用的所有Javascript（如
textCarousel（t）
函数）。我试图创造，但没有成功。
.img1 {
  position: relative;
  width: 50%;
  height: 100%;
  background: url('./flex/angular.png');
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
}