jQuery를은 (두 개의 서로 다른 높이) 나는 두 개의 변수를 추가하기 위해 노력하고있어

Question

새로운 가치를 창출 할 수 있지만,이 두 숫자에도 불구하고 몇 가지 이상한 이유로, 그것은 함께 추가되지 않고 단지에 거부 뭐든지해라. 두 변수를 함께 추가하려면 어떻게합니까?

HTML

<div id="imageSlider"> 
    <div id="imagesContainer"> 
     <div class="left" id="selectedImage"> 
      <div class="sliderImageAlign"> 
      </div> 
     </div> 
    </div> 

    <div id="imagesUp"> 
     <div id="imagesArrowUp"></div> 
    </div> 

    <div id="imagesDown"> 
     <div id="imagesArrowDown"></div> 
    </div> 
</div> 

jQuery를

$(document).ready(function(){ 
    var imageHeight = $("#selectedImage").height(), 
     containerHeight = $("#imagesContainer").height(), 
     containerPos = $("#imagesContainer").position(); 

    $("#tellMeHeight").text(containerHeight/imageHeight); 

    $("#imagesDown").click(function(){ 
     var containerNewPos = parseInt(containerPos + imageHeight); 

     $("#imagesContainer").css({ 
      top: containerNewPos + 'px' 
     }); 
    }); 
}); 

Answer 1

.position 반환 객체가, 당신은 .top 호출 할 수 있습니다 또는에 .left

containerPos = $("#imagesContainer").position().top;