javascript - 使用jquery，如何根据变量更改div位置

Question

我正在尝试创建一个简单的 slider 我有主图和缩略图 我想将缩略图容器设置为动画到正确的位置，我不想使用整数我想使用变量中的宽度值

我的 HTML 代码是这样的

<div class="Slider" >
  <ul class="main-image">
    <li><img src="images/gal-1.jpg" alt=""/></li>
    <li><img src="images/gal-2.jpg" alt=""/></li>
    <li><img src="images/gal-3.jpg" alt=""/></li>
  </ul>
  <div class="thumbnails-holder">
    <a class="prev"></a>
     <div class="thumbnails-items">
      <a  class="thumbnails-item">
        <img src="images/gal-1.jpg"  alt=""/>
      </a>
       <a  class="thumbnails-item">
        <img src="images/gal-2.jpg"  alt=""/>
      </a>
       <a  class="thumbnails-item">
        <img src="images/gal-3.jpg"  alt=""/>
      </a>
     </div>
    <a class="next"></a>
  </div>
</div>

我的J查询代码

var ThumbWidth = parseInt($(".thumbnails-item").width());

                $(".next").click(function(){

                     $(this).parents().find(".thumbnails-items").animate({
                    right: '-=95'
                    })                                      
                })

有没有办法像这样写:'-=ThumbWidth'

Answer 1

var ThumbWidth = parseInt($(".thumbnails-item").width());
$(".next").click(function() {
    $(this).parents().find(".thumbnails-items").animate({
        right: '-=' + ThumbWidth
    });
});