Question

我有一个无序列表。在每个列表项中，我都有div文本内容。因此，第一个列表项可能只有一行文本＆amp;下一个甚至可能有三行以上的文字。

我试图将这些div的高度（jQuery API - height（）;）用作＆amp;当我将鼠标悬停在每个列表项上时。

问题在于，每次我得到第一个列表项的高度，无论我将鼠标悬停在哪个列表项上。

.quickHover是我的div的班级名称。

这是我的代码：

var divHeight = $('.quickHover').height();

$('.catProductlist li').hover(

function () {
    $(this).find('.quickHover').animate({
        bottom: '0'
    }, 'fast');
}, function () {
    $(this).find('.quickHover').animate({
        bottom: '-' + divHeight + 'px'
    }, 'fast');
});

Answer 1

http://api.jquery.com/height/

获取匹配元素集中第一个元素的当前计算高度。

为什么不在悬停功能中计算div的高度？

Answer 2

+1 MatTheCat：

$('.catProductlist li').hover(

var divHeight = $(this).find('.quickHover').height();

function () {
    $(this).find('.quickHover').animate({
        bottom: '0'
}, 'fast');
}, function () {
    $(this).find('.quickHover').animate({
    bottom: '-' + divHeight + 'px'
}, 'fast');
});

使用jQuery height（）的单个元素的高度;

2 个答案: