引导程序 3 从选项卡单击打开新链接

【问题标题】：bootstrap 3 open new link from tab click引导程序 3 从选项卡单击打开新链接
【发布时间】：2019-07-03 18:34:41
【问题描述】：

我想知道如何通过标签点击打开 url 链接。在下面的几个标签页示例中。单击图标时钟我想打开一个书桌 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>

【问题讨论】：

标签： css url hyperlink tabs

【解决方案1】：

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

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

如果你使用 node 来提供这个文件，你可以试试href="/book/table"

【讨论】：

感谢您的评论。我尝试了各种方法，但这些都不起作用。当我将鼠标悬停时，我可以看到正确的链接显示，但是当我单击时，我会出现一个空白标签页。