bootStrap异步加载数据(动态加载数据)一二级菜单点击失效的解决办法

错误加载:

1.ajax异步加载选择在<body οnlοad="load()">时加载

改为:$(function() {  

$.ajax({
url: "http://localhost:9090/LMP-ZY/indexShow/IndexMenuServlet",
async: false,
type: "post",
success:function(obj){

}
});

  });

(页面加载时直接加载)

2.如果这样还不能成功加上

$("#sidebar").append( menusInfos );

$("#sidebar").datepicker('refresh');

#sidebar是你要将数据和html标签加载到div的id

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Bootstrap Treeview 是一个基于 Bootstrap形控件插件,它可以用来展示层级数据。如果你需要异步加载数据,可以按照以下步骤进行操作: 1. 在 Treeview 的初始化选项中设置 `dataUrl` 属性,该属性指定了数据的远程加载地址。 ``` $('#treeview').treeview({ dataUrl: '/api/data', // 其他选项 }); ``` 2. 在服务端编写接口,返回 JSON 格式的数据。 ``` [{ "text": "Node 1", "nodes": [ { "text": "Node 1.1", "nodes": [] }, { "text": "Node 1.2", "nodes": [] } ] }, { "text": "Node 2", "nodes": [] }] ``` 3. 在 Treeview 的初始化选项中设置 `lazyLoad` 属性为 `true`,该属性表示启用懒加载模式。 ``` $('#treeview').treeview({ dataUrl: '/api/data', lazyLoad: true, // 其他选项 }); ``` 4. 当 Treeview 加载到一个节点时,它会发送一个 HTTP GET 请求到 `dataUrl` 指定的地址,并附带 `nodeId` 参数,该参数表示当前节点的标识符。服务端需要根据 `nodeId` 参数返回该节点的子节点数据。 5. 在服务端编写接口,接收 `nodeId` 参数,根据该参数返回对应节点的子节点数据。 ``` /api/data?nodeId=1 ``` 6. 在服务端返回数据时,需要将数据格式化成 Treeview 所需的格式。例如,需要将子节点数据放到一个名为 `nodes` 的属性中。 ``` { "text": "Node 1", "nodes": [ { "text": "Node 1.1", "nodes": [] }, { "text": "Node 1.2", "nodes": [] } ] } ``` 以上就是使用 Bootstrap Treeview 实现异步加载数据的步骤。希望对你有所帮助!
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值