Javascript 如何在每个幻灯片中添加几个导航链接

Javascript 如何在每个幻灯片中添加几个导航链接,javascript,reveal.js,Javascript,Reveal.js,我想在leaver.js中为每张幻灯片添加一些导航链接。使用中给出的解决方案,我可以轻松添加文本页脚。但是,如果页脚div包含超链接(请参见下面的代码),则单击链接时不会发生任何事情。有人能解释一下为什么会这样,以及我需要如何修改代码以使链接正常工作吗 多谢各位 不起作用的代码 <div class="footer"> <a href="http://www.google.com" id="noteslink">TOC</a>

我想在leaver.js中为每张幻灯片添加一些导航链接。使用中给出的解决方案,我可以轻松添加文本页脚。但是,如果页脚div包含超链接(请参见下面的代码),则单击链接时不会发生任何事情。有人能解释一下为什么会这样,以及我需要如何修改代码以使链接正常工作吗

多谢各位

不起作用的代码

    <div class="footer">
        <a href="http://www.google.com" id="noteslink">TOC</a>
    </div>

它可能正在阻止非HTTP请求。试一试


a href=”https://www.google.com“id=”noteslink“>TOC它可能正在阻止非HTTP请求。试一试


a href=”https://www.google.com“id=”noteslink“>TOC我想我明白了。似乎元素在RevealJS中分层,链接不在顶层。也就是说,一些看不见的元素将其覆盖,因此该链接不可点击,也不起作用。我将z-index为100的z-index属性添加到footer类中,现在链接工作正常。

我想我已经解决了这个问题。似乎元素在RevealJS中分层,链接不在顶层。也就是说,一些看不见的元素将其覆盖,因此该链接不可点击,也不起作用。我将z-index为100的z-index属性添加到footer类中,现在链接工作正常。

我更新了帖子。我确实写了
http://www.google.com
https://www.google.com
在我的代码中。这也行不通。我也尝试了你的解决方案,但没有成功。我更新了帖子。我确实写了
http://www.google.com
https://www.google.com
在我的代码中。这也行不通。我也尝试了你的解决方案,但没有效果