Ich muss ein Menü mit Lenker erstellen, und einige der Optionen im Menü haben ihre eigenen Unteroptionen und ich habe schon 1 Stunde damit zu kämpfen.Erstellen von lenkers.js Untermenü
Mein JSON-Objekt für die Vorlage ist
var menuJSON = [
{
name : "Schedule",
url: "index.html?lang=en",
icon: "fa fa-calendar-o",
state:"inactive"
},
{
name : "Clients",
url: '#',
icon: "fa fa-users",
subs : ['Yours', 'Company'],
state:"inactive", subsTargetID: "collapse-menuC"
}
];
und meine Vorlage sieht wie folgt aus so weit:
<div class="sidebarMenuWrapper" id="menuOpts">
<script id="optsMenuTemp" type="x-handlebars-template">
<ul class="list-unstyled">
{{#each this}}
<li class="{{state}}">
<a href="{{url}}"><i class="{{icon}}"></i>
<span>{{name}}</span>
</a>
</li>
{{/each}}
</ul>
</script>
</div>
Und dies ist der HTML-Code für die Option mit dem Untermenü:
<li class="hasSubmenu">
<a href="#" data-toggle="collapse" data-target="#collapse-menuD"><i class="fa fa-folder-open-o"></i>
<span>{{documents.name}}</span>
</a>
<ul class="collapse" id="collapse-menuD">
<li>
<a href="index.html?lang=en&top_style=inverse">
<i class= "fa fa-street-view"></i>
<span>{{documents.sub1}}</span>
</a>
</li>
<li>
<a href="index.html?lang=en&top_style=default"><i class="fa fa-clipboard"></i>
<span>{{documents.sub2}}</span
</a>
</li>
</ul>
</li>
Ich habe Probleme mit der If-Anweisung richtig und ich brauche wirklich etwas Hilfe im Moment.