如何解决尝试使用结构数据创建水平菜单
我有以下类型的结构 https://prnt.sc/wkerdv
在上面只有第一个有孩子,但有可能是孩子可以有孩子等等,但我更喜欢只显示3级深度作为水平菜单
我在循环中必须正确添加循环以创建菜单栏,我正在尝试创建这样的菜单
所以这就是我正在尝试的
<cfoutput>
<ul>
<cfloop from="1" to="#arrayLen(data.item)#" index="i">
<cfset x = data.item[i]>
<cfloop collection="#x#" item="key">
<cfif Structkeyexists(key,'Item')>
<cfloop from="1" to="#arrayLen(data.item)#" index="i">
<cfset x = data.item[i]>
<cfelse>
</cfif>
<cfdump var="#key#">
<!--- <cfloop from="1" to="#arrayLen(key.item)#" index="d">
<cfset n = key.item[d]>
<!--- <li>#d#:#n[d]#</li> --->
<cfdump var="#n#">
</cfloop>
<li>#key#:#x[key]#</li>--->
</cfloop>
</cfloop>
</ul>
</cfoutput>
上面第二屏后面的HTML代码是这样的
<ul class="menu-list">
<cfloop from="1" to="#ArrayLen(data.menu.item)#" index="toplevel">
<li><a href="01_Home Page.html">#toplevel#</a>
</cfloop>
<li class="active"><a href="01_Home Page.html">HOME</a>
<ul class="menu-dropdown">
<li><a href="01_Home Page.html">Home One</a></li>
<li><a href="02_Home Page.html">Home Two</a></li>
<li><a href="03_Home Page.html">Home Three</a>
<ul class="thirdlevel-menu">
<li><a href="">Thirdlevel</a></li>
<li><a href="">Thirdlevel</a></li>
<li><a href="">Thirdlevel</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">ABOUT</a></li>
<li><a href="">SHOP</a>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。