我先详细的描述我的开发环境:
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的用法出错,还是我的程序写错了,请遇到过相同情况的仁兄不吝赐教,感谢!