Création de plusieurs onglets jQuery - javascript, jquery, html, asp.net-mvc, jquery-ui-tabs

J'ai une page ASP.NET MVC qui crée des div dynamiquement dans un onglet jQUery existant.

Les onglets parents vont bien, mais pour une raison quelconque, les sous-onglets ne sont pas créés.

Mon code Razor est comme ceci:

<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>

Donc, dans jQuery

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

fonctionne très bien. Mais quand je fais

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

Cela me donne une erreur "jQuery UI Tabs: Identificateur de fragment incompatible ". J'ai vérifié le code HTML résultant et il n'a pas d'erreur. Je ne sais pas si nous pouvons créer des onglets comme celui-ci ou non. Merci de me guider.

Réponses:

Essaye ça :

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

Espérons que cela fonctionne ...!