JqueryUICustom的兼容问题

王朝学院·作者佚名  2016-08-27  
宽屏版  字体:  |  |  | 超大  

在测试过程中遇到Jquery UI Dialog异常的情况,表现为在拖拽Dialog标头时出现Dialog跳跃的问题,对比jquery ui与jquery在协调工作情况下的运行情况。

1、环境:

Windows 10 分辨率 1366*768

Chrome、Firefox、IE 11

2、JQuery版本:

jquery-1.7.2.js、jquery-1.8.3.js、jquery-1.9.0.js、jquery-1.10.2.js、jquery-1.11.2.js

3、Jquery UI版本:

jquery-ui-1.9.2.custom.js、jquery-ui-1.10.3.custom.js、jquery-ui-1.10.4.custom.js

其他条件:

<body style="height:1500px;">

<input class="showPRev" type="button" style="margin-top:400px;" value="窗口" />

</body>

测试时,height=1500,margin-top=400是为了制造y轴滑动到中间时才能点击“窗口”按钮(即当页面高度height很大时,窗口触发事件必须在滑动到页面中间时才能触发);

当在不进行页面滑动时,直接触发窗口时,并不存在该问题。

测试结果如下:

jquery版本

jquery ui版本

Chrome

IE 11

Firefox

jquery-1.8.3.js -

jquery-ui-1.9.2.custom.js

正常

正常

正常

jquery-ui-1.10.3.custom.js

不正常

正常

正常

jquery-ui-1.10.4.custom.js

不正常

正常

正常

jquery-1.9.0.js +

jquery-ui-1.9.2.custom.js

正常

正常

正常√

jquery-ui-1.10.3.custom.js

正常

不正常

不正常

jquery-ui-1.10.4.custom.js

正常

不正常

不正常

根据测试结果发现,jquery-ui-1.9.2.custom.js在不同版本的jquery下都能够较好的工作,较高版本的jquery都会出现浏览器不兼容的情况。

既然存在这样的问题,那就得知道定位问题原因,您说呢?找原因去了~

不清楚其他亲是不是也有这个问题

在此附上测试代码

如果您已知道问题原因,还请指导一下...

在测试时发现jquery-ui-1.11.4.js在各版本的jquery时都是正常的,应该是修复了该问题了

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有