jQuery将两个数值变量一起添加以创建新值

时间:2013-06-17 15:55:22

标签: jquery html variables

我正在尝试将两个变量加在一起(两个不同的高度),但由于某些奇怪的原因,即使它们都是数字,也不是将它们加在一起而只是拒绝做任何事情。如何将两个变量一起添加?

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'
        });
    });
});

1 个答案:

答案 0 :(得分:1)

.position返回一个对象,您可以在其上调用.top.left

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