`

Jquery兼容性问题

阅读更多

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


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

0
0
分享到:
评论

相关推荐

    百度地图轨迹 jquery 兼容ie低版本

    总结来说,要在IE低版本中使用jQuery实现百度地图轨迹功能,关键在于选择合适的jQuery版本、正确引入依赖、有效处理轨迹数据以及注意兼容性问题。通过以上步骤,开发者可以为用户提供一致的用户体验,无论他们使用的...

    easyui&jquery兼容版本(兼容IE8的最后版本)

    在IT行业中,前端框架的选择和兼容性问题常常是开发者面临的重要课题。EasyUI和jQuery作为两个广泛使用的JavaScript库,它们的版本匹配对于项目的稳定性和浏览器兼容性至关重要。本篇文章将详细探讨EasyUI与jQuery的...

    jQuery解决浏览器兼容性问题案例分析

    本文将深入探讨一个实际案例,即如何使用jQuery解决在不同浏览器中触发事件的兼容性问题。 问题描述: 在某些情况下,我们可能需要在用户在某个输入框(如id为"abc")中按下回车键时,触发另一个元素(如id为...

    jquery1.x升级到最新版3.6,兼容旧版插件.zip

    在进行jQuery版本升级时,特别是从1.x跳跃到3.x,可能会遇到兼容性问题,因为新版本中删除了一些过时的API和功能。此时,"jquery-migrate-3.3.2.js"就起到了关键作用。 "jquery-migrate-3.3.2.js"是jQuery官方提供...

    jquery兼容所有浏览器双日历控件

    这个双日历控件充分利用了jQuery的这些优点,确保在所有主流浏览器(如Chrome、Firefox、Safari、Edge、IE等)上都能正常运行,避免了因浏览器兼容性问题导致的用户体验下降。 日历控件通常包含以下几个关键功能: ...

    jquery弹出层兼容所有浏览器.zip

    二、浏览器兼容性问题及解决方案 1. CSS兼容性:不同的浏览器可能对CSS属性有不同的支持程度。例如,`display: none` 和 `visibility: hidden` 都可以用来隐藏元素,但它们在动画效果和布局计算上有所不同。确保...

    Jquery Validate跟bootstrap插件的兼容

    6. **使用最新的版本**:时刻保持jQuery Validate和Bootstrap版本的更新,这样可以获得最新的功能和修复的bug,同时减少可能的兼容性问题。 在提供的文件中,`index_v3.html`可能是包含整合了这两个插件的示例页面...

    getjson()兼容性问题

    本文将深入探讨jQuery中的`getjson()`兼容性问题,特别是在IE6等老旧浏览器中的表现。 #### 二、jQuery与JSON的兼容性挑战 在开发过程中,当使用jQuery 1.4.2及以上版本时,可能会遇到由于JSON格式不规范导致的...

    js jquery 国际化 全兼容

    这需要考虑不同的浏览器API兼容性,以及可能需要的polyfills来提供缺失的功能。 8. **性能优化**: 在大型项目中,加载所有语言的资源文件可能会导致性能问题。一种常见做法是按需加载,只加载当前语言的资源,...

    ajaxcdr -jQuery兼容版本

    jQuery的兼容性好,支持多种浏览器,使得开发者能够用更简洁、统一的语法编写代码,提高开发效率。 在这个项目中,"ajaxcdr - jQuery 兼容版本" 表示AjaxCDR已经经过修改,能够与jQuery库无缝集成。这通常意味着...

    解决chrome对jQuery的支持问题

    然而,有时候开发者可能会遇到浏览器兼容性问题,尤其是在使用特定功能时。"解决chrome对jQuery的支持问题"这个主题就聚焦于这样一个常见问题:Chrome浏览器对jQuery的`$(document).ready()`函数的执行时机。 `$...

    jquery各版本,jquery1.3-1.7,jquery文件

    每个jQuery版本的发布都伴随着对旧浏览器兼容性的考虑,使得开发者能够为广泛的用户群体提供一致的用户体验。在使用这些不同版本时,需要根据项目需求和目标浏览器选择合适的版本。例如,较老的项目可能依赖于早期的...

    jquery mousewheel.js兼容高版本jq

    《jQuery Mousewheel.js 插件在高版本jQuery中的兼容性及应用》 在现代网页开发中,用户体验成为了至关重要的考量因素。为了提升交互性,许多开发者会利用JavaScript库,如jQuery,来实现丰富的动态效果。其中,...

    jquery与jqprint兼容插件.zip

    虽然这里主要讨论的是jQuery和jqPrint的兼容性,但需要注意的是,当使用jqGrid时,也可能会遇到与jQuery版本不兼容的问题。因此,升级jQuery时,同样需要检查jqGrid是否需要相应的迁移步骤,或者更新到与新jQuery...

    jquery mobile 1.4.2 和 jquery 1.8.3

    在实际项目中,开发者还需要注意兼容性问题,确保网站能在各种浏览器和设备上正常运行。此外,优化性能也很关键,包括减少HTTP请求、压缩代码、利用缓存等技术手段。 总的来说,jQuery Mobile 1.4.2和jQuery 1.8.3...

    jquery升级的问题

    ### jQuery 1.10.2 升级与 IE11 兼容性问题解析 #### 一、概述 在Web开发中,jQuery作为一个非常流行的JavaScript库,为开发者提供了便捷的操作DOM元素、处理事件等功能。然而,随着浏览器版本的更新迭代,特别是...

    jQuery1.4.2与老版本json格式兼容的解决方法

    处理不同版本的jQuery兼容性问题,首先需要深入理解新旧版本之间的差异,特别是API的变化和新增的安全措施。通常推荐的方法是遵循最新的标准和最佳实践,以确保代码的可维护性和安全性。当这些方法不可行时,可考虑...

    jquery.easyui 整站html模板漂亮,兼容性很好

    对于那些还需要兼容旧版 Internet Explorer 的项目,jQuery EasyUI 提供了宝贵的解决方案,避免了因浏览器兼容性问题而带来的额外开发成本。 使用 jQuery EasyUI 创建整站HTML模板,开发者可以快速搭建出响应式布局...

Global site tag (gtag.js) - Google Analytics