如何为引导程序选项卡提供外部链接

Question

我在ASP.NET MVC项目中使用引导选项卡。在这个选项卡中，我需要提供外部链接，这样当用户点击特定的选项卡时，它会重定向到特定的链接。

基本上我有四个控制器。现在，当用户点击标签时，我需要重定向到每个控制器

以下是我尝试使用的代码，但它不起作用：

<ul class="nav nav-tabs" role="tablist">
    <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li>
    <li><a href="http://google.com" role="tab" data-toggle="tab">Profile</a></li>
    <li><a href="http://test1.com" role="tab" data-toggle="tab">Messages</a></li>
    <li><a href="http://test2.com" role="tab" data-toggle="tab">Settings</a></li>
</ul>

更新：

如果我们删除datatoggle="tab"，那么它将失去选项卡功能。我的意思是，当我点击标签，它加载页面和重定向。所以我的问题是，我们可以在不加载页面的情况下重定向到其他控制器吗？就像我们现在所做的那样，并使其像选项卡一样工作？

Answer 1

只需删除data-toggle="tab"属性，它就会按预期工作。

演示

<ul class="nav nav-tabs" role="tablist">
    <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a>
    </li>
    <li><a href="http://google.com" role="tab">Profile</a>
    </li>
    <li><a href="http://test1.com" role="tab">Messages</a>
    </li>
    <li><a href="http://test2.com" role="tab" data-toggle="tab">Settings</a>
    </li>
</ul>