ASP MVC Jquery Tabs

Question

即时通讯编程应用程序在asp mvc。 所以，我对jQuery的Index.aspx的标签，其中包含相同的ascx控件 - “ChildMain”：

<div id="tabContainer1"> 
    <ul> 
     <li><%=Html.ActionLink("test1","ChildMain")%></li> 
     <li><%=Html.ActionLink("test2","ChildMain")%></li> 
    </ul> 
</div> 

$(document).ready(function() { 
     $("#tabContainer1").tabs();    
    }); 

这ChildMain.ascx包含另一个jQuery的标签：

<div id="tabContainer2"> 
<ul> 
    <li><%=Html.ActionLink("test3","Child2")%></li> 
    <li><%=Html.ActionLink("test4","Child5")%></li> 
</ul> 
</div> 
$(document).ready(function() { 
     $("#tabContainer2").tabs();    
    }); 

和控制器：

public ActionResult ChildMain() { 
     return PartialView(); 
    } 
public ActionResult Child2() { 
     return PartialView(); 
    } 
public ActionResult Child5() { 
     return PartialView(); 
    } 

所以。当我启动应用程序时，我看到两行标签，并且一切正常，但是当我在第一行选项卡上选择第二个标签时，第二个标签行不呈现，我的意思是，我看到的是html列表而不是标签。 那么，它是否创建了一个ascx控件的两个实例？ 有什么想法？

Answer 1

您可能需要调用激活jquery插件的函数，在这种情况下，该插件看起来是.tabs（）。如果你在你的标签被点击来填充你的子标签时添加html到页面，那么添加的html还没有被你的jquery插件触及。