jQuery MiniUI

标题: IE浏览器的兼容性问题 [打印本页]

作者: HiGreat 时间: 2013-6-15 15:06:56 标题: IE浏览器的兼容性问题

用的MiniUI版本是3.0，使用mini-outlookmenu组件时，url的内容是自动生成的，在IE10下显示正常，但IE8、IE9下显示不正常。如果将url自动生成的内容以文本形式保存，url指向该这个文本文件，在IE10、9、8下都正常。

请管理员帮忙回答一下。

作者: niko 时间: 2013-6-16 13:51:08

应该是你生成的JSON数据有问题把。
UI显示都是跨浏览器的：http://www.miniui.com/demo/outlookmenu/outlookmenu.html

作者: HiGreat 时间: 2013-6-18 09:37:48

用IE10浏览器作测试，把浏览器模式设为IE7、8、9都浏览显示不正常（没有显示菜单列表），但把浏览器模式设为IE10，显示正常。firefox和Chrome浏览器显示都正常。

服务器端生成json的工具用的是Jackson类库，从浏览器中看到生成的json内容为：

[
{"id":"3101","text":"系统配置","iconCls":"icon-sysConfiguration"}
,{"id":"3102","iconPosition":"top","text":"公司管理","pid":"3101","url":"baseInfo/manageCompany.jsp","iconCls":"icon-company2"}
,{"id":"3103","iconPosition":"top","text":"用户管理","pid":"3101","url":"baseInfo/manageUser.jsp","iconCls":"icon-user5"},{"id":"3104","iconPosition":"top","text":"功能项管理","pid":"3101","url":"baseInfo/manageFunction.jsp","iconCls":"icon-function3"},{"id":"3105","iconPosition":"top","text":"权限管理","pid":"3101","url":"baseInfo/manageRight.jsp","iconCls":"icon-right2"}
,{"id":"3106","iconPosition":"top","text":"用户信息管理","pid":"3101","url":"baseInfo/UserPreference.jsp","iconCls":"icon-card"}
]

请管理员帮忙再看一下，很晕。

作者: factory 时间: 2013-6-18 10:06:09

HiGreat 发表于 2013-6-18 09:37
用IE10浏览器作测试，把浏览器模式设为IE7、8、9都浏览显示不正常（没有显示菜单列表），但把浏览器模式设 ...

你有在专门的IE8，9机器上测试过吗？我在IE8下测试了，数据从后台生成的，确实是正常的，没问题

作者: HiGreat 时间: 2013-6-18 10:43:30

本帖最后由 HiGreat 于 2013-6-18 10:46 编辑

factory 发表于 2013-6-18 10:06
你有在专门的IE8，9机器上测试过吗？我在IE8下测试了，数据从后台生成的，确实是正常的，没问题 ...

在专门的IE8，9机器上测试过，都不正常。用文本json都正常，自动生成的json对IE7、8、9就不正常，IE10正常，很妖！

不知道你后台生成的类库是什么？

作者: factory 时间: 2013-6-18 14:11:38

HiGreat 发表于 2013-6-18 10:43
在专门的IE8，9机器上测试过，都不正常。用文本json都正常，自动生成的json对IE7、8、9就不正常，IE10正常 ...

[attach]2192[/attach]

IE8下测试的

<div id="leftTree" class="mini-outlookmenu" url="../data/TreeService.aspx?method=LoadTree" onitemselect="onItemSelect"
idField="id" parentField="pid" textField="name" borderStyle="border:0"
>
</div>

复制代码

后台返回的数据

[{"id":"1","type":null,"pid":"-1","folder":1,"name":"Files","updatedate":null,"url":null,"num":null,"size":"0","createdate":null},{"id":"2","type":null,"pid":"3","folder":null,"name":"3333","updatedate":null,"url":null,"num":null,"size":"1","createdate":null},{"id":"3","type":null,"pid":"-1","folder":null,"name":"222","updatedate":null,"url":null,"num":null,"size":null,"createdate":null}]

复制代码

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)