zoukankan      html  css  js  c++  java
  • Jquery兼容性问题

    Jquery是一个优秀的Javascrīpt框架,它改变了程序员的编程习惯,一个简单的操作执行复杂的功能,还有兼容性方面也做得很好,功能强大的没话说了,如果你没听过Jquery,那我就没话说了,呵呵。


    最近一个项目中要做一个拖动的功能,基于Jquer开发的,不过遇到一个问题,也可以说是兼容性的问题吧,我们让一个DIV居中,一般的做法 是<div style="position:absolute; 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,这样遇到问题了,不至于素手无策。

  • 相关阅读:
    前端优化方法(全)
    前端工程化
    HTTP状态码
    TCP三次握手和四次挥手
    在浏览器输入url后并回车发生了哪些过程
    javascript异步编程
    为什么浏览器采用多进程模型
    LeetCode——最长回文子串?
    LeetCode——字符串的排列/找到字符串中所有字母异位词
    LeetCode——24 点游戏
  • 原文地址:https://www.cnblogs.com/kingwell/p/2573466.html
Copyright © 2011-2022 走看看