zoukankan      html  css  js  c++  java
  • 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认为还有一个元素,但是为什么不报错呢?

  • 相关阅读:
    DuckHunter Attacks
    iOS10 UI教程视图的边界与视图的框架
    iOS10 UI教程视图的几何形状
    iOS10 UI教程禁用视图与用户的交互
    iOS10 UI教程基改变视图的外观与视图的可见性
    分享Kali Linux 2016.2第47周虚拟机
    iOS10 UI教程基础窗口的内容与设置起始窗口
    分享Kali Linux 2016.2第47周镜像
    Swift3.0语言教程字符串与URL的数据转换与自由转换
    人机接口设备攻击(HID Attack)
  • 原文地址:https://www.cnblogs.com/skyeyh/p/3767904.html
Copyright © 2011-2022 走看看