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時都是正常的,應該是修復了該問題了


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM