使用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'
                    })                                      
                })

有沒有辦法像右寫：'-= ThumbWidth'

Answer 1

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