在測試過程中遇到Jquery UI Dialog異常的情況,表現(xiàn)為在拖拽Dialog標(biāo)頭時出現(xiàn)Dialog跳躍的問題,對比jquery ui與jquery在協(xié)調(diào)工作情況下的運行情況。
1、環(huán)境:
Windows 10 分辨率 1366*768
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
其他條件:
測試時,height=1500,margin-top=400是為了制造y軸滑動到中間時才能點擊“窗口”按鈕(即當(dāng)頁面高度height很大時,窗口觸發(fā)事件必須在滑動到頁面中間時才能觸發(fā));
當(dāng)在不進(jìn)行頁面滑動時,直接觸發(fā)窗口時,并不存在該問題。
測試結(jié)果如下:
| 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 | 正常 | 不正常 | 不正常 | 
根據(jù)測試結(jié)果發(fā)現(xiàn),jquery-ui-1.9.2.custom.js在不同版本的jquery下都能夠較好的工作,較高版本的jquery都會出現(xiàn)瀏覽器不兼容的情況。
既然存在這樣的問題,那就得知道定位問題原因,您說呢?找原因去了~
不清楚其他親是不是也有這個問題
在此附上測試代碼
如果您已知道問題原因,還請指導(dǎo)一下...
在測試時發(fā)現(xiàn)jquery-ui-1.11.4.js在各版本的jquery時都是正常的,應(yīng)該是修復(fù)了該問題了
新聞熱點
疑難解答