1.套用模板，将菜单的相关信息直接放在脚本数据中，使用循环生成

脚本id=' TemplateNavBar '类型=' text/html '

pclass='nav-bar-logo '

/p

{ {每个$dataasitemi}}

p class=' nav-item {{ item}。class } } ' { { item。名称} }/p

{{ifitem.child！=null}}

pclass='childgroup '

{{eachitem.childaschildi}}

p class=' nav-item {{ child}。class }子" {child.name}}/p

{ {/每人}}

/p

{{/if}}

{ {/每人}}

/script

2.在射流研究…中通过添加类打开的方式来实现菜单的折叠和展开

$(文档)。打开('点击'，' .nav-item:not(.child)'，function(){

控制台。log('斩波')；

var那=$(this)；

varn ext=那个。next()；

if(next。HasClass('子组'){

if(that.hasClass('open '))

{

//收起当前菜单项

那个。移除类(' open ')；

下一个。slide up()；

}

else{

//将其他打开的菜单项收起来

if($(').nav-item:not(.孩子)。open ').下一个()。hasClass('childgroup '))

{

$('.nav-item:not(.孩子)。open ').下一个()。slide up()；

$('.nav-item:not(.孩子)。open ').移除类(' open ')；

}

//激活当前菜单项

那个。add CLaSS(' open ')；

下一个。下滑()；

}

}

//监听一级菜单结束

本文转载自中文网