Jquery兼容性问题

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,这样遇到问题了,不至于素手无策。

posted @ 2012-07-02 17:13  kingwell  阅读(12866)  评论(3编辑  收藏  举报