创建多个 jQuery 选项卡

Question

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

父选项卡运行良好，但由于某种原因子选项卡没有创建。

我的 Razor 代码是这样的：

<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();

它给了我一个错误“jQuery UI 选项卡：不匹配的片段标识符”。我检查了生成的 HTML，它没有任何错误。我不知道我们是否可以创建这样的标签。请指导我。

Answer 1

试试这个：

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

希望它有效...！