UI工具包 - 多次以编程方式触发滚动间谍

Question

我想在点击事件期间触发Scrollspy Event，但该事件只是在第一次触发，正如您在下面的代码段中看到的那样。

let fires = 0;
setInterval(() => {
	UIkit.scrollspy('h1', { cls: 'uk-animation-fade' });

document.getElementsByTagName('span')[0].innerHTML = ++fires;
}, 500)

<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.9/css/uikit-core-rtl.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.9/js/uikit-core.min.js"></script>
<h1>Hi, I want to fade in many times, but I can't</hi>
<h2>Fade in event should be fired <span>0</span> times</h2>

这个例子很简单，只是为了展示我想要的东西。

Answer 1

显然我找到了一种方法来做我想要的事情。

let fires = 0;
setInterval(() => {
document.getElementsByTagName('h1')[0].className='';
setTimeout(() => {
document.getElementsByTagName('h1')[0].className='uk-animation-fade';
}, 500)
document.getElementsByTagName('span')[0].innerHTML = ++fires;
}, 1000)

<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.9/css/uikit-core-rtl.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.9/js/uikit-core.min.js"></script>
<h1 class='uk-animation-fade'>Hi, I want to fade in many times, but I can't</hi>
<h2>Fade in event should be fired <span>0</span> times</h2>