Question

我在响应式网站上使用twitter bootstrap。我有一个图像旋转木马，每个都有一些文字。我正在检测p是否比旋转木马更高，并在必要时增加宽度。

if ( $(item).find('.carousel-caption')[0].scrollHeight >  $(item).height() && count <= 100) {
    $(item).find('.carousel-caption').css('width', $(item).find('.carousel-caption').width() + 10);
    count++;
    setWidth(item);
}

这是针对轮播中的每个项目运行的。这对于可见（活动）项非常有用，但对于隐藏项则根本不适用。我查看了控制台，它是display: none的项目。

有没有办法让这项工作？对于隐藏的项目，$(item).find('.carousel-caption')[0].scrollHeight重新调整为0。

Answer 1

display:none的元素将完全从显示的DOM中删除，因此您无法对它们执行多次测量。尝试将它们从display:none更改为visibility:hidden，这样它们仍会占用空间。

Answer 2

试

$(item).find('.carousel-caption:hidden')[0].scrollHeight

更新隐藏div的宽度

2 个答案: