Javascript jQuery中的.animate（）函数不'；t工作滑动图像

代码：

当我运行console.log时，我进入了click函数，所以这不是问题。我的部门似乎不想变得活跃起来

我的CSS代码（SASS）

有问题吗？这把我吓坏了

干杯。

---

W.

您不应该需要

+=

试试这个：

#images_container{
  display: block;
  margin-left: 39px;
  width: 630px;
  height: 81px;
  overflow: hidden;
}

#images{
  display: block;
  width: 1500px;
  min-width: 650px;


  img{
    margin-top: 7px;
    display: inline-block;
    height: 66px;
    cursor: pointer;

    filter: url(svg/filters.svg#grayscale);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Google Chrome & Safari 6+ */

    transition: filter .3s ease-in-out;
    -moz-transition: filter .3s ease-in-out;
    -webkit-transition: filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    -moz-transition: -webkit-filter .3s ease-in-out;
    -webkit-transition: -webkit-filter .3s ease-in-out;

    @include transition-property(-webkit-filter);
    @include transition-duration(.3s);
    @include transition-timing-function(ease-out);

    &:hover{
      filter: none;
      -webkit-filter: grayscale(0);
    }
  }

此外，要使用

right

和

left

还需要一个绝对定位的元素。为了绝对地定位某个东西，你需要它的容器相对地定位

因此，将css更改为：

$("#previous_image").click(function(){
    $("#images").animate({"right": "250px"}, "slow");
    return false;
});

---

他们是绝对定位的吗？img在我的图像中？不。#images div不是以太。这是您对SASS的输入还是SASS生成的内容？不管怎样，看起来都很糟糕。当然，标准化的

转换：filter.3s易于输入输出应该排在最后？
$("#previous_image").click(function(){
    $("#images").animate({"right": "250px"}, "slow");
    return false;
});

#images_container{
  display: block;
  margin-left: 39px;
  width: 630px;
  height: 81px;
  overflow: hidden;
  position: relative;
}

#images{
  display: block;
  width: 1500px;
  min-width: 650px;
  position: absolute;
}