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.