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

  • 相关阅读:
    java生成验证码
    springmvc笔记(来自慕课网)
    angularJs编写多指令的情况
    四年前端开发的迷茫.
    angularJs的ui-router总结
    grunt构建前端自动化的开发环境
    socket传送文件
    socket--粘包
    socket--接受大数据
    动态导入模块
  • 原文地址:https://www.cnblogs.com/skyeyh/p/3767904.html
Copyright © 2020-2023  润新知