折叠后获取手风琴的偏移顶部

Question

我试图在点击后获取点击的手风琴标题的绝对位置。

问题是，Bootstrap 的手风琴折叠运动和我的 jquery 几乎是在同一个时刻触发的。发生的事情是我的 jquery 在折叠手风琴之前获得了偏移量。

折叠后，点击后标题可以有另一个offsetTop。

有没有办法在折叠后给我的 jquery 加注星标，或者稍等片刻让手风琴折叠，然后请求offsetTop？

const handle = document.querySelector('#handle');



const headers = document.querySelectorAll('.accordion')

   .forEach(el => {

       el.addEventListener('mouseover', e => {

           handle.style.top = `${e.currentTarget.offsetTop}px`;



   });

});

Here is an example

如您在示例中看到的，如果您先打开第一部分，然后再打开第二部分，点会向下移动很远。

如果您再次单击第二部分，它会移动到正确的位置

Answer 1

如果我理解你的问题，你可以使用 setTimeout() 来等待你的动画完成

请注意，一个问题是我们没有设置动态等待时间，所以它可能感觉不那么灵敏。

    setTimeout(()=>{
        handle.style.top = `${e.target.offsetTop}px`;
    }, 200)