Asp.net mvc 如何为引导选项卡提供外部链接

Asp.net mvc 如何为引导选项卡提供外部链接,asp.net-mvc,twitter-bootstrap,bootstrap-tabs,Asp.net Mvc,Twitter Bootstrap,Bootstrap Tabs,我正在ASP.NET MVC项目中使用引导选项卡。在此选项卡中,我需要提供外部链接,以便当用户单击特定选项卡时,它将重定向到特定链接 基本上我有四个控制器。现在,当用户单击选项卡时,我需要重定向到每个控制器 下面是我尝试使用的代码,但它不起作用: <ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="#home" role="tab" data-toggle="tab">

我正在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>
更新


如果我们删除数据toggle=“tab”,那么它将失去选项卡功能。我的意思是当我点击标签时,它会加载页面并重定向。所以我的问题是,我们是否可以重定向到其他控制器,而不必像现在这样加载页面,并使其像tab一样工作?

只需删除
data toggle=“tab”
属性,它就会像您期望的那样工作


嗨,我只想知道一件事。如果我们删除数据toggle=“tab”,那么它将失去选项卡功能。我的意思是当我点击标签时,它会加载页面并重定向。所以我的问题是,我们是否可以重定向到其他控制器而不加载页面,就像我们现在正在做的那样,并使其像tab一样工作?嗨,如果你们不介意的话,你们可以在mvc中为我展示控制器吗??我跟踪了你的链接,但无法重定向到其他控制器。它显示父控制器名称,后跟链接。但在我的例子中,对于每个选项卡,我需要重定向到其他控制器,但必须使其像tab一样工作。你不能重定向,你只需要从ajax获取内容并加载到选项卡内容中。或者,您可以像答案中那样重定向,并根据url设置活动选项卡
<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>