在用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认为还有一个元素,但是为什么不报错呢?