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

我在 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>

Update :

如果我们删除 data-toggle="tab"，那么它将失去选项卡功能。我的意思是，当我单击选项卡时，它会加载页面并重定向。所以我的问题是，我们是否可以像我们现在所做的那样重定向到其他控制器而不加载页面并使其像选项卡一样工作？

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

Demo http://fiddle.jshell.net/5w09kLwf/show/

<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>