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

Question

我试图创建一个简单的滑块 我有主要图像和缩略图 我想将缩略图容器设置为正确位置，让我不想使用整数我想要使用变量中的宽度值

我的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'
                    })                                      
                })

有没有办法正确地写它：＆＃39; - = ThumbWidth＆＃39;

Answer 1

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