2014-09-11 86 views
3

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

更新

如果我們刪除數據,撥動=「標籤」,那麼就會失去標籤功能。我的意思是當我點擊標籤時,它會加載頁面並重定向。所以我的問題是,我們可以重定向到其他控制器,而不需要像我們現在正在做的那樣加載頁面,並使它像tab一樣工作?

回答

6

只需刪除data-toggle="tab"屬性,它將按預期工作。

Demo

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

您好我只是想知道的一件事。如果我們刪除data-toggle =「tab」,那麼它將會失去標籤功能。我的意思是當我點擊標籤時,它會加載頁面並重定向。所以我的問題是,我們可以重定向到其他控制器,而不需要像我們現在正在做的那樣加載頁面,並使它像tab一樣工作? – Ajay 2014-09-15 14:06:33

+0

嘗試使用Ajax加載內容http://www.bootply.com/63891 – 2014-09-15 14:28:09

+0

嗨,如果你不介意你可以讓我看看控制器在mvc?我跟着你的鏈接,但無法重定向到另一個控制器。它顯示父控制器名稱,然後顯示鏈接。但在我的情況下,我需要重定向到其他控制器的每個選項卡,但必須使其工作如tab。 – Ajay 2014-09-15 14:55:13