Высота div с использованием jQuery?

Question

Я создал галерею изображений портфолио, но не могу заставить подписи работать должным образом ... Я использую: http://s3.amazonaws.com/buildinternet/live-tutorials/sliding-boxes/index.htm (я использую второй)

Единственныйпроблема в том, что мои подписи имеют разные размеры, поэтому я пытаюсь использовать код ниже:

$('.boxgrid.caption').hover(function () {
    var $height = $("#description-text", this).height();
    $(".cover", this).stop().animate({
        top: '375' - $height
    }, {
        queue: false,
        duration: 160
    });
}, function () {
    $(".cover", this).stop().animate({
        top: '365px'
    }, {
        queue: false,
        duration: 160
    });
});

Но по какой-то причине выходной код $height равен 395, когда он должен быть 150 или где-то в том же духе...

Пожалуйста, помогите ...

Спасибо, Бен

Answer 1

Я решил ответ (вроде) Я просто изменил текстовое поле в сторону, и я собираюсь сдвинуть его со стороны ...

Спасибо Ben

Answer 2

Попробуйте использовать externalHeight (), так как он включает отступы и рамку внутри поля

Answer 3

Изменить вторую строку

var $height = $("#description-text").height();

Answer 4

$("#description-text", this) довольно странно.

$("#description-text") должно быть достаточно при условии, что в вашем коде есть только один элемент с этим идентификатором. Если нет, то тогда это будет проблемой.