Question

我在asp mvc上编写应用程序。所以，我在index.aspx上有jQuery选项卡，它包含相同的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，那么您的jquery插件尚未触及添加的html。

ASP MVC Jquery Tabs

1 个答案: