zoukankan      html  css  js  c++  java
  • Jquery UI Custom的兼容问题

        在测试过程中遇到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时都是正常的,应该是修复了该问题了

  • 相关阅读:
    手机号码正则,座机正则,400正则
    Win10 开始运行不保存历史记录原因和解决方法
    Ubuntu 普通用户无法启动Google chrome
    在win10 64位系统安装 lxml (Python 3.5)
    SecureCRT窗口输出代码关键字高亮设置
    【转】win2008 中iis7设置404页面但返回状态200的问题解决办法
    ionic app开发遇到的问题
    Ubuntu 创建文件夹快捷方式
    Ubuntu配置PATH环境变量
    Ubuntu 升级python到3.7
  • 原文地址:https://www.cnblogs.com/zhanqun/p/4745194.html
Copyright © 2011-2022 走看看