我创建了一个投资组合图片库,但无法让字幕正常工作......我正在使用: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或者沿着这些线的某个地方......
请帮忙......
由于 本
答案 0 :(得分:0)
$("#description-text", this)
很奇怪。
$("#description-text")
应该足够了,前提是您的代码中只有一个带有此ID的元素。如果没有,那么那将是问题所在。
答案 1 :(得分:0)
尝试使用outerHeight(),因为它包含框内的填充和边框
答案 2 :(得分:0)
更改第二行
var $height = $("#description-text").height();
答案 3 :(得分:0)
我已经解决了答案(有点)我只是将文本框改到一边,我将从侧面滑入...
由于 本