jquery 下拉菜单 动态添加数据 点击滑出收起其他

本文介绍如何在没有表结构和预定义数据的情况下,利用jQuery动态生成下拉菜单。前端开发者面临挑战,需要将接收到的动态数据通过字符串拼接方式创建菜单。由于框架的点击事件无法直接应用,作者手动编写了点击事件来实现子菜单的展开和收起功能,最终成功实现了所需功能。
摘要由CSDN通过智能技术生成

上面的人要hui admin  做页面,本人前端比较菜,这框架也没用过.

因为是动态添加数据 .表也没有,..然后子菜单列表只能通过字符串拼接的方式显示.

  (伪造的)数据是传过来了 发现这个框架的点击菜单,子菜单滑出的效果触发不了,应该是封装了吧..反正不会引用.就自己写了个点击事件(,列表格式还是参照模板).

①:请求数据+ul拼接 

    比较糙,两边icon 无力回天,不过功能是实现了

 

 $.ajax({
          url:'/type/reportType',
          data:{"token":getCookie("token")},
          type:'post',
          success:function (data) {
              var reportTypes=data.reportTypes;
              $.each(reportTypes,function(n,value) {
                  var str="<dl>\n"+
                      "<dt  id='"+value.id+"'   onclick='zclick(this)'>&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值