Jquery是一個優秀的Javascrīpt框架,它改變了程序員的編程習慣,一個簡單的操作執行復雜的功能,還有兼容性方面也做得很好,功能強大的沒話說了,如果你沒聽過Jquery,那我就沒話說了,呵呵。
最近一個項目中要做一個拖動的功能,基於Jquer開發的,不過遇到一個問題,也可以說是兼容性的問題吧,我們讓一個DIV居中,一般的做法 是<div style="position:absolute; width:500px; height:200px; margin-top:-100px; margin-left:-250px;"></div>我們去做拖動的時候,需要獲得當前鼠標的位置,以及目標Tag的位置,也就是 Left,Top,當我們用Jquery獲取這個DIV的Left跟Top值值,這時出現問題了,在IE中,包括6,7,8,9 ,Firefox,Opera都沒問題,返回的是一個XX.px,但是在Chrome下,返回的是50%,當使用parseInt的時候,變成50了,這 時候在程序里面沒法用了,當CSS里有top margin-top或left margin-left時,在Chrome下使用$(#id).css("left") Or top時,會出現問題,差很多。
蛋疼啊,郁悶了很久,只能改用其它的方法,程序的最大魅力在於,同一個功能,可以使用不同的方法去實現,目前使用的版本是Jquery-1.7.2或許真的沒有完美的東西吧,雖然JS庫很方便,但是還是要了解原生的JS,這樣遇到問題了,不至於素手無策。