HTML5数据加载中请稍后效果,IE8浏览器中一直处于“正在努力地加载数据中,请稍候……”...

本文描述了作者在使用HTML5、Bootstrap Table、jQuery等技术开发网页时遇到的问题,具体是在IE8浏览器中数据加载始终显示'正在努力地加载数据中,请稍候……'。尽管在开启开发者工具后能正常加载,但关闭后问题重现。作者提供了详细的开发环境和代码,并寻求社区帮助解决这个问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我先详细的描述我的开发环境:

OS: windows 7

Browser: IE 8.0.76 (64-bit)

bootstrap-table v1.11.1

jQuery v1.11.3

Bootstrap v3.3.7

RequireJS v2.3.5

我编写的html页面和bootstrap-table的用法

/* html页面 */

/* index.js主要部分,后台接口是java编写 */

require.config({

paths:{

"jquery": "lib/jquery.min",

"bootstrap": "lib/bootstrap.min",

"bootstrapTable": "lib/bootstrap-table.min",

"bootstrapTableCN": "lib/bootstrap-table-zh-CN.min"

},

shim: {

"bootstrap": {

deps: ['jquery']

},

"bootstrapTable": {

deps: ['jquery', 'bootstrap']

},

"bootstrapTableCN": {

deps: ['jquery', 'bootstrap', 'bootstrapTable']

}

},

waitSeconds: 0

});

require(['jquery', 'bootstrap', "bootstrapTable", "bootstrapTableCN"], function(){

$('#table').bootstrapTable({

url: "/getUsers",

striped: true,

sortable: false,

paginationLoop: false,

columns: [{

field: 'num',

title: 'seq',

formatter: function(value, row, index){

return index+1;

}

}, {

field: 'name',

title: 'name'

}],

pagination: true,

paginationHAlign: "center",

formatRecordsPerPage: function () {

return ''

},

formatShowingRows: function () {

return ''

},

onLoadSuccess: function(){

console.log("加载成功");

},

onLoadError: function(){

console.log("加载失败");

}

})

});

最终结果

我知道bootstrap-table一定是支持IE8,但是在表格加载数据时,一直处于“正在努力地加载数据中,请稍候……”。最无解的就是,一旦打开IE8的开发者工具,表格加载数据跟其他现代浏览器一样正常。只要关掉开发者工具重新打开一个标签页显示这个页面就会出现这种情况。

不知道是我对bootstrap-table的用法出错,还是我的程序写错了,请遇到过相同情况的仁兄不吝赐教,感谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值