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

  • 相关阅读:
    Java 运用流传输文件
    Java-Web 用html和css写一个EasyMall注册界面
    Java-Web 用html写一个简单的用户注册界面
    Java-Web DOM方式解析xml文件
    弹窗的淡入淡出
    html5 indexDB的使用
    nodejs生成UID(唯一标识符)——node-uuid模块
    CSS3 Flex布局(伸缩布局盒模型)学习
    map area 标签的使用
    CSS3 伸缩布局盒模型
  • 原文地址:https://www.cnblogs.com/kingwell/p/2573466.html
Copyright © 2011-2022 走看看