创建多个jQuery选项卡

时间:2014-06-06 09:18:26

标签: javascript jquery html asp.net-mvc jquery-ui-tabs

我有一个ASP.NET MVC页面,它在现有的jQUery选项卡中动态创建div。

父标签很好但是由于某些原因,子标签没有创建。

我的剃刀代码是这样的:

<div id="mainView">
    <ul class="mainMenu">
    @foreach(var myView in mainView.Childs)
    {
       <li><a href="#@(myView.Name)">@myView.Name</a></li>
    }
    </ul>
    @foreach(var myView in mainView.Childs)
    {
        if(myView.HasChilds)
        {
            <div id="@myView.Name" class="subView">
                <ul class="subMenu">
                    @foreach(var sub in myView.Childs)
                    {
                        <li><a href="#@(sub.Name)">@sub.Name</a></li>
                    }
                </ul>
                @foreach(var sub in myView.Childs)
                {
                    <div id="@sub.Name">
                     // Content goes here
                    </div>
                }
            </div>
        }
        else
        {
            //Content for else
        }
    }
</div>

所以在jQuery中

$("#mainView").tabs();

工作得很好。但是当我做的时候

$("#mainView .subView").tabs();

它给了我一个错误&#34; jQuery UI标签:不匹配的片段标识符&#34;。我检查了生成的HTML,它没有任何错误。我不知道我们是否可以创建这样的标签。请指导我。

1 个答案:

答案 0 :(得分:0)

试试这个:

$("#mainView > .subView").tabs();

希望它有效......!