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

Jquery UI Custom的兼容问题的更多相关文章

  1. 基于Jquery UI的autocompelet改写，自动补全控件，增加下拉选项，动态设置样式，点击显示所有选项，并兼容ie6+

    Jquery UI的autocompelete改写 注意:实现功能,除了原版的自动补全内容外,增加一个点击显示所有选项,样式能动态设置. 加载数据的来源为后台数据库读取. 具体代码如下: 引用 从官方 ...

  2. 使用 jQuery UI 和 jQuery 插件构建更好的 Web 应用程序

    简介: 对于那些使用 JavaScript 和 jQuery 库从桌面应用程序转向 Web 应用程序的开发人员来说,他们还不习惯去考虑应用程序基本的外观,因为这些以前都是由操作系统来处理的.了解 jQ ...

  3. 关于ExtJS、JQuery UI和easy UI的选择问题

    转自百度知道. 问:做企业级应用,比如***管理系统,不需要华丽的特效,只希望简单,风格统一.能用到的只有messagebox.tree.grid大概这几个,其他特效不要,忘大神根据自己的见解以及我这 ...

  4. jquery ui autocomplete 实现点击文本框，出现所有查询信息效果,与bootstrap结合使用修改样式

    直接看代码 <!doctype html> <html lang="en"> <head> <meta charset="utf ...

  5. [转]jQuery UI Dialog Modal Popup Yes No Confirm example in ASP.Net

    本文转自:http://www.aspsnippets.com/Articles/jQuery-UI-Dialog-Modal-Popup-Yes-No-Confirm-example-in-ASPN ...

  6. 可输入自动匹配Select——jquery ui autocomplete

    <!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  7. 【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.7.Slider控件

    默认slider的安装启用 为slider自定义风格 修改配置选项 创建一个垂直的slider 设置最大最小值,和默认值 启用多个 手柄 和 范围 slider内置的回调事件 slider的方法 这个 ...

  8. 【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.3.创建控件

    像jQuery提供 fn.extend() 方法从而可以简单地创建插件一样,jQuery UI也提供了机制使得创造插件变得简单,也确保了公共API功能在新的插件中被保留. 1.首先,创建一个名为  j ...

  9. 【jQuery UI 1.8 The User Interface Library for jQuery】.学习笔记.2.更换主题

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

随机推荐

  1. HDFS概要

    --HDFS-- Hadoop Distributed File System HDFS一个分布式,高容错,可线性扩展的文件系统 简介: Hadoop分布式文件系统(HDFS)是一种分布式文件系统,设 ...

  2. SQLAlchemy介绍和基本使用

    pymysql:pymysql是用Python来操作mysql的包,因此通过pip来安装,命令如下:pip3 install pymysql.如果您用的是Python 3,请安装pymysql 豆瓣源 ...

  3. 生成代码的代码 之 POJO生成器 之二 模板实现

    在之前的一篇博客中,我们写了利用node.js来生成JAVA的POJO代码的方法.有评论说可以利用模板来做这件事.当时认为模板只能做简单的字符串替换,所以可能无法完成任务.但是,仔细的学习了一个模板 ...

  4. CentOS6.7-64bit编译spark-1.6.1和spark-1.3.1

    编译spark-1.6.1 tar -zxvf spark-1.6.1.tgz -C /usr/local/src/ cd /usr/local/src/spark-1.6.1/ #设置内存2G ex ...

  5. (转)Python开发程序：支持多用户在线的FTP程序

    原文链接:http://www.itnose.net/detail/6642756.html 作业:开发一个支持多用户在线的FTP程序 要求: 用户加密认证 允许同时多用户登录 每个用户有自己的家目录 ...

  6. 平衡二叉树-AVL树(LL、RR、LR、RL旋转)

    平衡二叉树的定义: 任意的左右子树高度差的绝对值不超过1,将这样的二叉树称为平衡二叉树,二叉平衡树前提是一个二叉排序树. 平衡二叉树的插入: 二叉平衡树在插入或删除一个结点时,先检查该操作是否导致了树 ...

  7. Spring Boot + docker +mongo

    启动mongo镜像 docker run --name mongo-container -d -P mongo 连接到容器内 docker exec -it eb sh 输入:mongo 输入:sho ...

  8. Shell脚本 | 一键卸载安卓App

    在平时工作的过程中,很多重复性内容可以通过运行脚本文件来代替.一次编写,就能带来很大的效率提升. 今天跟大家分享一个简单的 Shell 脚本,只有区区 20 行左右的代码. 因为有时候我们测试某个应用 ...

  9. XAML属性赋值转换之谜（WPF XAML语法解密）

    XAML与XML类似,就是XML延伸过来的.为了更好的表达一些功能,WPF对XML做了扩展,有些功能是WPF在后台悄悄的替你做了.有时候,虽然实现了某个功能,但是对实现原理还是很茫然.今天就讲讲XAM ...

  10. WebMagic实现分布式抓取以及断点抓取

    访问我的博客 前言 从去年到今年,笔者主要负责的是与合作方的内容对接,新增的合作商不是很多的情况下,在我自从去年引入了 WebMagic 这个爬虫框架之后,基本很少需要去关注维护爬虫,做的最多的是新接 ...