jquery - .height 仅使用 1 次

Question

我首先隐藏了所有幻灯片并读入了一个数组。然后我使用前进和上一个按钮浏览幻灯片。每个都有自己的描述，在一个 div 中。幻灯片本身可以工作，并且在我导航时，每张新幻灯片都会完美地显示描述。但是当我尝试显示描述文本的高度时，如下所示：

    $('.slide-desc').click(function () {
        $(this).text($('.slide-desc').height());
    });

它将在每张幻灯片中返回 0，除了数组中的第一个。但所有幻灯片实际上都加载到该数组中，因为我的幻灯片有效。

这就是我将所有幻灯片转换为数组的方式：

    function getSlides() { 
        slidesArray = $('.slide').toArray();
        slidesArrayReversed = $('.slide').toArray().reverse();
    };

为什么它只对第一个起作用？

在这里发帖很长。作为一个警告......我倾向于使用更多的有限状态机思维方式而不是面向对象的思维方式进行编码。

谢谢你的帮助^^

score 0 · Accepted Answer

你的js可能有问题，使用$(this)

$('.slide-desc').click(function () {
    $(this).text($(this).height());
});

你也可以试试这个插件来获取任何状态（隐藏或可见）的任何元素的高度

1 回答 1