LigerUI tree在ie下显示不出来/LigerUI 控件在ie下错乱

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

原文地址:https://www.cnblogs.com/skyeyh/p/3767904.html