css - bootstrap 3 从选项卡单击打开新链接

Question

我想知道如何通过标签点击打开 url 链接。在下面的几个标签页的例子中。单击图标时钟我想打开一个书 table url 链接。 我已尝试添加如图所示的链接，但它不起作用。 谢谢

        <div id="tabs" class="tabs">
            <nav>
                <ul>
                    <li><a href="#section-1"><span><i class="icon-menu"></i></span></a>
                    </li>                       
                    <li><a href="#section-2"><span><i class="icon-comment-4"></i></span></a>
                    </li>   
                    <li><a href="#section-3"><span><i class="icon-home-6"></i></span></a>
                    </li>           
                    <li><a href="book/table"><span><i class="icon-clock"></i></span></a>
                    </li>                               
                </ul>
            </nav>

Answer 1

这取决于您在哪里执行此操作以及您使用什么来运行此 html 文件。 如果您在没有节点的简单服务器上使用它，请使用此 href="./book/table.html" 如果它是一个 html 文件。 ./ 将告诉浏览器您要从当前目录(index.html 文件所在的位置)开始，然后转到图书目录并打开表格。 html.

如果是外部链接，你应该做https://something.com/book/table

如果您使用节点来提供此文件，您可以尝试 href="/book/table"