56 lines
1.3 KiB
JavaScript
56 lines
1.3 KiB
JavaScript
|
|
var result = classDara.result
|
|
|
|
// 渲染左边的大分类
|
|
function RenderLeftMenu(){
|
|
result.forEach(function(val,index){
|
|
$(".view-left ul").append(`<li class="${ index == 0 ? 'active' : '' }">${val.name}</li>`)
|
|
})
|
|
}
|
|
|
|
function leftMenuChange() {
|
|
if(YDUI.util.getQueryString("id") == "") {
|
|
$(".view-left ul li").on("click", function(){
|
|
bindLi()
|
|
});
|
|
} else {
|
|
var id = YDUI.util.getQueryString("id");
|
|
$($(".view-left ul li")[id]).addClass("active").siblings().removeClass("active")
|
|
RenderRightMenu($($(".view-left ul li")[id]).text())
|
|
bindLi()
|
|
}
|
|
}
|
|
|
|
function bindLi() {
|
|
$(".view-left ul li").on("click", function(){
|
|
$(this).addClass("active").siblings().removeClass("active")
|
|
RenderRightMenu($(this).text())
|
|
});
|
|
}
|
|
|
|
// 渲染右边菜单列表
|
|
function RenderRightMenu(name) {
|
|
var listArrar = []
|
|
result.forEach(function(val,index){
|
|
if(name == val.name) {
|
|
listArrar = val.list
|
|
}
|
|
})
|
|
|
|
$(".view-right ul").empty()
|
|
|
|
listArrar.forEach(function(val,index){
|
|
$(".view-right ul").append(`<li>
|
|
<a href="./list.html?id=${val.id}">${val.name}</a>
|
|
</li>`)
|
|
})
|
|
}
|
|
|
|
|
|
|
|
|
|
RenderLeftMenu()
|
|
leftMenuChange()
|
|
RenderRightMenu("菜式菜品")
|
|
|