4

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

更新：

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

4

1 回答 1

7

只需删除该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>
于 2014-09-11T10:08:32.277 回答