easyUI在不同浏览器上的头疼的兼容问题!!!

蜡笔小新_ 发布于 2014/05/28 18:03
阅读 30K+
收藏 2

easyUI的浏览器的兼容很是让我头疼,大家有什么好的办法可以尽量的纠正一下么?

我用的easyUI是1.3.6版本,jquery是1.8的!分别在谷歌、IE、火狐上运行:

在谷歌中的效果:


在IE9中效果:(IE10也一样)

在IE中的效果就变了很多啊!按钮们都挤到了一起!而且表格的表头也不见了!!!!

在火狐上跟谷歌效果一样显示的很好!就是IE不行!!!!

有什么好的建议提一下!谢了

经过很多好心的前辈的建议,尝试了各种不同的easyUI和jquery版本的搭配,但是还是不行!

下面我发了我的代码,请大家给我看一下,是不是我的代码有点问题。。。

var targetsInfo=$("#myTable").datagrid({
		url : 'GetTargetsInfos',
		pagination : true,
		pageList : [ 10, 20, 30, 40 ],
		pageSize:10,
		fit:true,
		border : false,
		idField : 'ff_stattarget_code',
		sortName : 'ff_stattarget_code',
		sortOrder : 'asc',
		striped:false,
		columns:[[
		      {
		    	  checkbox:true
		    	  
		      },{
		    	  title:'指标编码',
		    	  field:'ff_stattarget_code',
		    	 width:70,
		    	  sortable:true,
		    	  align:'center',
		    	  formatter:function(value,rowData,index){
		    		  return '<font title='+value+'>'+value+'<font/>';
		    	  }
		      },{
		    	  title:'指标名称',
		    	  field:'ff_stattarget_name',
		    	 width:100,
		    	  sortable:true,
		    	  align:'center',
		    	  formatter:function(value,rowData,index){
		    		  return '<font title='+value+'>'+value+'<font/>';
		    	  }
		      },{
		    	  title:'指标显示名称',
		    	  field:'ff_stattarget_excelname',
		    	  width:120,
		    	  sortable:true,
		    	  align:'center',
		    	  formatter:function(value,rowData,index){
		    		  return '<font title='+value+'>'+value+'<font/>';
		    	  }
		      },{
		    	  title:'指标公式',
		    	  field:'ff_stattarget_formula',
		    	  width:200,
		    	  sortable:true,
		    	  align:'center',
		    	  formatter:function(value,rowData,index){
		    		  return '<font title='+value+'>'+value+'<font/>';
		    	  }
		      }
		]],
		toolbar : '#datagridBar'
	});



加载中
0
蜡笔小新_
蜡笔小新_
 在经历了众多版本的jquery和easyUI的来回搭配尝试,我都没有得到想要的结果,我又恢复到了jquery1.8.0+easyUI1.3.6,在我出去转了一圈回来重新打开浏览器的时候,页面神奇的好了!跟谷歌和火狐一样了!艾玛这什么情况!
Jieven
Jieven
easyUI1.3.6 是经典版
蜡笔小新_
蜡笔小新_
回复 @Jialy : 好像是没清缓存
立志尚早
立志尚早
兼容模式?还是改了文档模式?还是改好了,只是没清缓存?
0
amonxu
amonxu

IE几啊,不要管IE了

蜡笔小新_
蜡笔小新_
IE9啊。。。我很诧异。。。网上说用最新版的jquery,我试了2.X的,还不如1.X的呢,更离谱!!!
0
loyal
loyal
先试官方例子.
0
立志尚早
立志尚早
版本太高,easyui从1.3.3版本开始使用jquery2.x,ie8以下就不兼容
蜡笔小新_
蜡笔小新_
对啊,我没用IE8,用的9和10
0
ForEleven
ForEleven

jquery2.x 开始不支持IE9 以下。   不是easyui的问题,我用的版本是没有问题的

ForEleven
ForEleven
@亚美碟 我用的版本是 easyui 1.3.3 + jquery 1.9.1
蜡笔小新_
蜡笔小新_
那我咋办呢?用什么样的搭配呢
0
文心雕码
文心雕码
我用过easyui  我的建议是用低版本的easyui  我用1.3.1版  三种浏览器的兼容性就好一些
蜡笔小新_
蜡笔小新_
回复 @文心雕码 : 还是不行。。。。。看看我贴出来的代码吧,我怀疑是代码问题了
文心雕码
文心雕码
回复 @亚美碟 : 我的easyui是1.3.1 jquery是1.8.0 IE8.0下是正常的 你试试看
蜡笔小新_
蜡笔小新_
你的意思是我要把我easyUI尽量用低版本的?那么jquery和IE呢是哪个好点
0
webxiaohua
webxiaohua
easyui 低版本对旧版本浏览器支持是会比较好一些,看你的需求,如果旧版本的easyui能够满足你的需要,那就给它降级吧
蜡笔小新_
蜡笔小新_
降级了我也试了就是不行。。。。。。看看我贴出来的代码把
0
Big_BoBo
Big_BoBo
楼主你检查下代码。我的easyui在大于等于ie8的版本上基本没有什么问题,我用的是最新的加上1.x的jquery
Big_BoBo
Big_BoBo
回复 @亚美碟 : 也看不出来错在哪里了,我的代码是这样的
蜡笔小新_
蜡笔小新_
我也是最新的加1.x的jquery,还是不行,您帮我看一下代码,我已经贴出来了
0
stu51
stu51
建议你使用1.3.3版本,目前没发现有兼容性问题,1.3.6如果使用低版本jquery确实会有问题。
蜡笔小新_
蜡笔小新_
我也试了 ,不行。你看看我的代码有什么问题么?我现在都怀疑我的代码了。我在问题上已经加入了代码,帮我看一下,谢了
0
Big_BoBo
Big_BoBo

引用来自“boyce小布”的评论

楼主你检查下代码。我的easyui在大于等于ie8的版本上基本没有什么问题,我用的是最新的加上1.x的jquery
    $('#myDatagrid').datagrid({
        url : 'user/list',
        title:'用户管理',
        fit: true,
        pagination : true,
        pageSize : 15,
        pageList : [ 15, 30 ],
        singleSelect : false,
        rownumbers : true,
        loadMsg : '加载中 ···',
        nowrap: false,
        rowStyler: function(index, row){
            if (row.status == 9){
                return 'color:#FF0000;'; // return inline style
                // the function can return predefined css class and inline style
                // return {class:'r1', style:{'color:#fff'}};    
            }else if (row.status == 1)
            {
                return 'color:#888888;';
            }
        },
        columns : [ [
            {
                field : 'createtime',
                title : '创建时间',
                width : 150,
                sortable : true,
                align : 'center'
            },
            {
                field : 'loginname',
                title : '登录名',
                width : 150,
                align : 'center'
            },
            {
                field : 'username',
                title : '真实姓名',
                width : 150,
                align : 'center'
            },{
                field : 'role',
                title : '所属角色',
                width : 120,
                align : 'center',
                formatter: function(value,row,index){
                    if (row.role){
                        return row.role.rolenamecn;
                    }else{
                        return value;
                    }
                }
            },
            {
                field : 'orginfo',
                title : '所属机构',
                width : 300,
                align : 'center',
                formatter: function(value,row,index){
                    if (row.orginfo){
                        return row.orginfo.orgname;
                    }else{
                        return value;
                    }
                }
            },
            {
                field : 'status',
                title : '用户状态',
                width : 120,
                align : 'center',
                formatter: function(value,row,index){
                    if(status == 0){
                        return '启用';
                    }else{
                        return '停用';
                    }
                }
            },{
                field : 'currentlogintime',
                title : '当前登录时间',
                width : 150,
                align : 'center'
            },{
                field : 'lastlogintime',
                title : '最近登录时间',
                width : 150,
                align : 'center'
            },{
                field : 'currentloginip',
                title : '当前登录IP地址',
                width : 150,
                align : 'center'
            },{
                field : 'lastloginip',
                title : '最近登录IP地址',
                width : 150,
                align : 'center'
            }
            ] ],
            toolbar : '#myToolbar',
    });
蜡笔小新_
蜡笔小新_
呵呵,差不多写的。已经不可思议的自己好了,谢谢你耐心的回答!
返回顶部
顶部