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

最新推荐文章于 2019-05-07 00:48:08 发布
最新推荐文章于 2019-05-07 00:48:08 发布
阅读量4.8k 收藏 1
点赞数 1
分类专栏： jQuery bootstrap 文章标签： bootstrap 异步 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhengyu813/article/details/77645200
版权

错误加载：

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

Steven_zheng0303
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
ajax html css 失效,关于 ajax 动态返回数据 css 以及 js 失效问题
weixin_40001805的博客
06-07 867
ajax 毕竟是异步的 所以动态加载出来的数据 难免遇到 css 或者 js 失效的问题，所以要动态加载 css ji等文件了1.公共方法 load//动态加载 js /cssfunction loadjscssfile(filename, filetype) {if (filetype == "js") { //判定文件类型var fileref = document.createElement...
bootstrap-select 滚轴_Bootstrap++：bootstrap-select 使用
weixin_39768762的博客
02-23 482
效果图：HTML：下拉框多选bootstrap获取自定义 JS：$(function () {//获取$("#btn").click(function () {var _vals= $("#xinghao_id").val();console.log(_vals)});var _option= "";for (var i = 0; i < 100; i++) {_option+= '' + ...
bootstrap table动态加载数据示例代码
08-31
本篇文章主要介绍了bootstrap table动态加载数据示例代码，可以实现点击选择按钮，弹出模态框，加载出关键词列表，有兴趣的可以了解一下。
Bootstrap弹出框（Popover）插件动态加载数据
Oumuv的博客
03-08 3946
效果 鼠标点击输入框弹出提示内容，内容是根据输入的字符动态加载的，效果如图： HTML &amp;lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;fromArea&quot; id=&quot;fromArea&quot; placeholder=&quot;地区&quot; data-toggle=&quot;p
前端之路：bootstrap table 按钮，元素，点击事件没反应，无效的解决方方案。
qq_33368846的博客
11-28 1万+
问题：bootstrap table 生成的表格里formatter添加 的 HTML元素 按钮，js 中添加 点击事件，点击没反应。或者点击好多次，刷新在点击，才有反应。 最近项目用到这个插件，马上就来坑了。自定义的button 点半天没反应， 猜测： 是这个表格插件 加载 数据的时候 跟 js 中 append 添加 html代码 ...
Bootstrap Table 点击每行显示子页面
S‘blog
10-17 4865
//初始化表格 function initTable() { $table.bootstrapTable({ ajax: function (params) { $.post('__URL__/GetList', params.data, function (e) { if($('#total').val...
关于 ajax 动态返回数据 css 以及 js 失效问题
10-21 311
ajax 毕竟是异步的 所以动态加载出来的数据 难免遇到 css 或者 js 失效的问题，所以要动态加载 css ji等文件了 1.公共方法 load //动态加载 js /css function loadjscssfile(filename, filetype) { if (filetype == "js") { //...
关于 ajax 动态返回数据 css 以及 js 失效问题(动态引入JS)
xiyafei122的博客
05-07 1947
ajax 毕竟是异步的 所以动态加载出来的数据 难免遇到 css 或者 js 失效的问题，所以要动态加载 css ji等文件了 1.公共方法 load //动态加载 js /css function loadjscssfile(filename, filetype) { if (filetype == "js") { //判定文件类型 ...
【JQuery】JQuery+JS实现点击左边， 右边出现相应的页面
热门推荐
每一名出色的架构师，必定是一位优秀程序员
08-23 1万+
一. 用iframe方法实现点击左边， 右边出现相应的页面。 我做一个后台， 而且他指出别人没有用iframe, 问我行不行。 只能说行。 没有在网上查看过多的资料， 某天晚上突然想起ajax 里面有一个load方法， 这个方法可以载入其他页面的内容。 于是有了灵感， 开始也只是尝试一下： 统计报表 进货报表 出货报表 毛利报表
Bootstrap modal只加载一次数据的解决办法(推荐)
08-28
Bootstrap Modal 只加载一次数据的解决办法 Bootstrap 模态框是一种非常常用的用户界面组件，它可以用来展示一些重要的信息或提示用户进行某些操作。然而，在使用 Bootstrap Modal 时，有一些需要注意的问题，其中...
解决bootstrap-select 动态加载数据不显示的问题
10-18
今天小编就为大家分享一篇解决bootstrap-select 动态加载数据不显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
bootstrap-treeview树节点实现动态加载（懒加载）
12-22
动态加载（也称为懒加载）是一种优化性能的技术，只在用户需要时才加载数据，而不是一次性加载所有数据，这对于处理大量数据或层级结构尤其有用，可以显著提升页面加载速度和用户体验。 本项目在官方Bootstrap ...
AngularJs搭配Bootstrap-select的防坑指南
Ai_Ting_Java的博客
08-10 5529
一、前因 公司的项目早就上线了，现在正处于逐步的优化当中，其中有一个就是关于下拉框的优化。因为随着公司业务的开展，进驻的经销商已经有上百家了，而普通的下拉框对选取某一个经销商着实有一定的效率低下，因此需要优化。由于网上大多数都是JQuery与boorstrap-select的搭配应用，与angularjs之间的搭配较少，因此想着写一篇拙劣的指南，如有错误，还请不吝指教！ 转载请注明出处！ 优...
pillow-10.4.0-pp39-pypy39_pp73-macosx_11_0_arm64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
avif-0.5.0-cp35-cp35m-macosx_10_9_x86_64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
pillow-10.4.0-cp39-cp39-musllinux_1_2_x86_64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
1250KVA本体基础图11
最新发布
07-27
1250KVA本体基础图11
毕业设计之网上订餐系统.zip
07-27
毕业设计之网上订餐系统.zip
bootstrap treeview 异步加载数据
05-13
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、付费专栏及课程。

余额充值