博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI的combobox组件Chrome浏览器不兼容问题解决办法
阅读量:7049 次
发布时间:2019-06-28

本文共 417 字,大约阅读时间需要 1 分钟。

EasyUI版本:jQuery EasyUI 1.4.1

Chrome浏览器版本:41.0.2272.101 m

问题描述

在Chrome浏览器下,下拉框选择选项之后,选择的值在下拉框中不显示,重新选择,下拉框的值也能自动反选,说明是已经选中了

这里写图片描述

而在IE8浏览器下正常

问题分析

EasyUI是基于jQuery的,兼容性应该杠杠的,于是使用Chrome访问官方网站的示例,结果发现官网示例可以正常显示

于是,使用Chrome的调试工具,详细分析了下html代码
这里写图片描述
发现html不是特别规范,option的显示内容多了一些空格和换行,这应该就是不兼容问题的根本原因了

解决办法

找到了问题的原因,于是删掉多余的空格和换行,重新在Chrome浏览器下测试,结果ok

问题总结

问题的根本原因不是EasyUI,而是因为代码不规范导致。页面是JSP开发的,代码如下:

这里写图片描述
看起来貌似没什么问题,但是实际上生成的html是不规范的
修改后的代码如下:
这里写图片描述

你可能感兴趣的文章
转: Tsung:开源多协议分布式负载&压力测试工具
查看>>
props default 数组/对象的默认值应当由一个工厂函数返回
查看>>
鼓浪屿
查看>>
alloc_skb申请函数分析
查看>>
WPF PRISM开发入门二(Unity依赖注入容器使用)
查看>>
使用 data-* 属性来嵌入自定义数据:
查看>>
炒股的常见技术指标
查看>>
工控随笔_07_西门子_WinCC利用命令行实现操作log日志
查看>>
解决MySQL报错The server time zone value 'Öйú±ê׼ʱ¼ä' is unrecognized or represents ........
查看>>
thinkphp一键清除缓存的方法
查看>>
[外包]!采用asp.net core 快速构建小型创业公司后台管理系统(五.视频演示quartz的运行效果)...
查看>>
Vistual Studio Code配置
查看>>
Zookeeper集群节点数量为什么要是奇数个?
查看>>
屈辱史
查看>>
爱的十个秘密--6.接触的力量
查看>>
GINA后门代码
查看>>
(筆記) 如何設計邊緣檢測電路? (SOC) (Verilog)
查看>>
MPEG文件中什么是GOP
查看>>
C#查找指定窗口的子窗口的句柄
查看>>
Linux man命令的使用方法
查看>>