reveal.js - 在 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;
});