0

我创建了一个投资组合图片库，但无法让字幕正常工作......我正在使用：http ://s3.amazonaws.com/buildinternet/live-tutorials/sliding-boxes/index.htm （我' m 使用第二个）

唯一的问题是我的字幕大小不同，所以我尝试使用下面的代码：

$('.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

4 回答 4

0

更改第二行

var $height = $("#description-text").height();
于 2011-07-21T23:47:58.337 回答
0

我已经解决了答案（有点）我只是把文本框改到一边，我要让它从一边滑进去......

谢谢本

于 2011-07-23T05:10:31.080 回答
0

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

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

于 2011-07-21T23:39:35.700 回答
0

尝试使用 outerHeight()，因为它在框中包含填充和边框

于 2011-07-21T23:42:04.757 回答