Question

我想知道如何通过选项卡单击来打开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 文件所在的位置）开始，然后转到书目录并打开table.html。

如果它是外部链接，则应进行https://something.com/book/table

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

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

1 个答案: