开发者社区> 问答> 正文

jsp中获取map数据后,排版显示的问题

jsp页面使用的是div,每个li都表示一个导航的数据,li下还有ul-li,也就是子菜单,领导说让我把这个做成动态的,可是我在jsp中使用了foreach后,页面就乱了。

展开
收起
爵霸 2016-06-15 09:59:33 2082 0
1 条回答
写回答
取消 提交回答
  • <c:forEach items="${oneLevel}" var="one">
            <li class="top"><a href="" class="top_link"><span><!-- 首页 -->${one.menu}</span></a></li>
            <li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down"><!-- 关于 --></span></a>
                <ul class="sub">
                    <c:if test="one.level!=1"></c:if>
                    <li><a href="#nogo3" class="fly"><!-- 介绍 -->${two.menu}</a>
                        <ul>
                            <li><a href="#nogo4"><!-- 简介 -->${three.menu}</a></li>
                            <li><a href="#nogo5"><!-- 发展史 --></a></li>
                            <li><a href="#nogo6"><!-- 服务 --></a></li>
                            <li><a href="#nogo6"><!-- 荣誉 --></a></li>
                        </ul>
                    </li>
                    <li class="mid"><a href="#nogo7"><!-- 章程 --></a></li>
                    <li><a href="#nogo19" class="fly"><!--  --></a>
                        <ul>
                            <li><a href="#nogo8"><!--  --></a></li>
                            <li><a href="#nogo9"><!--  --></a></li>
                            <li><a href="#nogo10"><!--  --></a></li>
                            <li><a href="#nogo15"><!--  --></a></li>
                        </ul>
                    </li>
                    <li><a href="#nogo20"  class="fly"><!--  --></a>
                        <ul>
                            <li><a href="#nogo8"><!--  --></a></li>
                            <li><a href="#nogo9"><!--  --></a></li>
                            <li><a href="#nogo10"><!--  --></a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down"><!-- 动态 --></span></a>
                <ul class="sub">
                    <li><a href="#nogo23"><!-- 动态 --></a></li>
                    <li><a href="#nogo24"><!-- 计划 --></a></li>
                    <li><a href="#nogo25"><!-- 文件 --></a></li>
                    <li><a href="#nogo26"><!-- 下载 --></a></li>
                </ul>
            </li>
    2019-07-17 19:38:43
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载