在用LigerUI 时,有好几次控件在IE下显示不出来,比如tree显示不出来,整个框架显示不出来,内容挤到一起了,等等各种。
仔细查看错误原因,最后发现都是一种问题。
源代码如下:
var indexdata = [
{ text: '父1',isexpand:true, children:[
{url:"a.jsp",text:"子11"},
{url:"b.jsp",text:"子12"}, //这里是children的最后一个元素
]} ,
{ text: '父2',isexpand:true, children: [
{url:"c.jsp",text:"父21"},
{url:"d.jsp",text:"父22"},
{url:"e.jsp",text:"父23"}, //这里是children的最后一个元素
]},
{ text: '父3',isexpand:true, children: [
{url:"c.jsp",text:"父31"},
{url:"d.jsp",text:"父32"},
{url:"e.jsp",text:"父33"},
{url:"e.jsp",text:"父34"}, //这里是children的最后一个元素
]}, //data的最后一个元素
];
上面代码中的注释标示的最后一个元素都写了逗号,而IE中会出错。同理:
$("#content").ligerTab({
height: height,
showSwitchInTab : true,
showSwitch: true,
onAfterAddTabItem: function (tabdata)
{
tabItems.push(tabdata);
//saveTabStatus();
},
onAfterRemoveTabItem: function (tabid)
{
for (var i = 0; i < tabItems.length; i++)
{
var o = tabItems[i];
if (o.tabid == tabid)
{
tabItems.splice(i, 1);
//saveTabStatus();
break;
}
}
}, //这里是最后一个参数
/* onReload: function (tabdata)
{
var tabid = tabdata.tabid;
addFrameSkinLink(tabid);
} */
});
上面代码中传递的参数中,最后一个参数后面也打了逗号,IE中同样出错。
所以要把最后一个元素或最后一个参数后面的逗号去掉!
目前遇到的LigerUI在IE中无法显示的问题都是上面的原因导致的。
另外,单独这些代码在IE里执行没有报错:
var indexdata = [
{ text: '父1',isexpand:true, children:[
{url:"a.jsp",text:"子11"},
{url:"b.jsp",text:"子12"}, //这里是children的最后一个元素
]} ,
{ text: '父2',isexpand:true, children: [
{url:"c.jsp",text:"父21"},
{url:"d.jsp",text:"父22"},
{url:"e.jsp",text:"父23"}, //这里是children的最后一个元素
]},
{ text: '父3',isexpand:true, children: [
{url:"c.jsp",text:"父31"},
{url:"d.jsp",text:"父32"},
{url:"e.jsp",text:"父33"},
{url:"e.jsp",text:"父34"}, //这里是children的最后一个元素
]}, //data的最后一个元素
];
document.write(indexdata.length);
页面上打印了4,IE也没有报错。
刚才发现了个问题:indexdata只有3个元素,但是打印的是4。
大概还是最后一个逗号,IE认为还有一个元素,但是为什么不报错呢?