5
Tôi cần tạo menu có tay lái và một số tùy chọn trong trình đơn có tùy chọn phụ riêng và tôi đang đấu tranh với điều này trong khoảng 1 giờ rồi.Tạo menu phụ handlebars.js
đối tượng JSON của tôi cho mẫu là
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"
}
];
và mẫu của tôi trông như thế này cho đến nay:
<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>
Và đây là html cho các tùy chọn với các sub-menu:
<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>
Tôi gặp sự cố khi sử dụng câu lệnh if đúng và tôi thực sự cần trợ giúp ngay bây giờ.