ASP MVC Jquery 탭

Question

imp mvc에 쓰기 응용 프로그램입니다. 그래서, 나는 같은 ASCX 컨트롤을 포함하는 index.aspx에 jQuery를 탭이 - "ChildMain"

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

그리고 컨트롤러 :

<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를 탭을 포함

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

So. 내가 응용 프로그램을 시작할 때, 나는 두 줄의 탭과 모든 것을 볼 수 있지만 탭의 첫 번째 줄에서 두 번째 탭을 선택하면 두 번째 탭 행이 렌더링되지 않습니다. 즉, 탭 대신 html 목록이 나타납니다. 그래서 하나의 ascx 컨트롤의 인스턴스를 두 개 만들었습니까? 아이디어가 있습니까?

Answer 1

이 경우에는 .tabs() 인 jquery 플러그인을 활성화하는 함수를 호출해야 할 수도 있습니다. 탭을 클릭하여 자녀 탭을 채울 때 페이지에 HTML을 추가하는 경우 추가 된 html이 아직 jquery 플러그인에 의해 수정되지 않았습니다.