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

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

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

Answer 2

尝试使用outerHeight（），因为它包含框内的填充和边框

Answer 3

更改第二行

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

Answer 4

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

由于本

使用jQuery的div高度？

4 个答案: