使用jQuery的div高度?

时间:2011-07-21 23:28:41

标签: php jquery animation jquery-animate sliding

我创建了一个投资组合图片库,但无法让字幕正常工作......我正在使用: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或者沿着这些线的某个地方......

请帮忙......

由于 本

4 个答案:

答案 0 :(得分:0)

$("#description-text", this)很奇怪。

$("#description-text")应该足够了,前提是您的代码中只有一个带有此ID的元素。如果没有,那么那将是问题所在。

答案 1 :(得分:0)

尝试使用outerHeight(),因为它包含框内的填充和边框

答案 2 :(得分:0)

更改第二行

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

答案 3 :(得分:0)

我已经解决了答案(有点)我只是将文本框改到一边,我将从侧面滑入...

由于 本