在点击FF中的内部链接后，reveal.js失去焦点

Question

在我的演示文稿中，我使用reveal.js并包含内部链接以在幻灯片之间导航。点击后焦点丢失。通过使用键，控件不再起作用。使用鼠标没有问题。 在chrome中一切正常，但是firefox有这个焦点问题。

有人知道我能做些什么吗？

Answer 1

Firefox在浏览器标签焦点中曾经出现过类似的问题。

https://github.com/hakimel/reveal.js/issues/577

最好将其作为错误提交。

我注意到的一件事是，只有在使用锚链接时才会发生这种情况

<a href="#/4">Link<a/>

当您使用JavaScript切换幻灯片时，一切正常。

快速修复可能是为您的链接添加一个指定幻灯片编号的属性。

<a href="#/4" data-slide-num="4">Link<a/>

并添加此JavaScript以处理您的点击次数。

$('[data-slide-num]').click(function(event) {
    var slideNum = $(this).attr('data-slide-num');
    Reveal.slide(slideNum);
    return false;
});