如何處理標籤頁按標籤

一個控制器我有一個主頁如何處理標籤頁按標籤

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title> 
    <link href="../../Content/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" /> 
    <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
    <script src="../../Scripts/JQueryUI.js" type="text/javascript"></script> 
</head> 
<body> 
    <div> 
     <div id="tabs"> 
      <ul> 
       <li><%=Html.TabLink("Home","Index","Home")%></li> 
       <li><%=Html.TabLink("Posts","Index","Posts") %></li> 
       <li><%=Html.TabLink("About", "Index", "About") %></li> 
      </ul> 
     </div>  
     <asp:ContentPlaceHolder ID="MainContent" runat="server"> 
     </asp:ContentPlaceHolder> 
     <script type="text/javascript"> 
       $(function() { 
        $("#tabs").tabs(); 
       }); 
     </script> 
    </div> 
</body> 
</html>

的TabLink是這使得下面的標記的擴展方法內的以下標記：

<ul> 
    <li><a href="/Home/Index"><span>Home</span></a></li> 
    <li><a href="/Posts/Index"><span>Posts</span></a></li> 
    <li><a href="/About/Index"><span>About</span></a></li> 
</ul>

每個局部視圖（如_index.aspx）有這樣的標記：

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"> 
    Index 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
    <div id="tabs-1"> Hello from tab1 
    </div> 
</asp:Content>

jQuery選項卡異步加載每個視圖，howeve它還會在每次點擊標籤時下載javascript和css文件。並且它也留下了鏈接標記（意味着與jquerified標籤一起），並且在IE8中完全不起作用，並且與firefox和chrome不一致。

任何我錯過或建議將不勝感激。

來源

2010-08-26 bonskijr

您應該使用部分視圖，但您似乎使用母版頁的常規視圖。

局部視圖看起來像這樣

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<object>" %> 

<div id="tabs-1"> 
    Hello from tab1 
</div>

來源

2010-08-26 12:14:12

因爲我已經更新它是這樣的。謝謝 – bonskijr 2010-08-26 13:56:12

如何處理標籤頁按標籤

回答

相關問題