关于Jquery offset().top 在IE和Firefox下行为不一致的问题
By jonny on March 2, 2012
项目中用到了JSTree,原先一个页面里包含了很多的tab标签,而且每个tab标签内功能都很多,用到了大量的js代码,后来我们决定把tab里的内容分成不同的page,然后用iframe调用。
于是奇怪的问题出现了,在IE下面拖动滚动条后jstree的node怎么也点不了了,像事件丢失了一样。调试了一会貌似不是我代码的原因,于是到JSTree的源码里看看,结果看到下面这一句,他计算的事件点击在页面的position要在node的li高度范围内,这个不知道为啥要这样做,很是奇怪,但是这就是为什么在iframe里会出怪问题的原因。
if(trgt.is("ins") && event.pageY - trgt.offset().top < this.data.core.li_height)
{
this.toggle_node(trgt);
}
在ie下面当右边滚动条滚动后$(element).offset().top计算出来的值就不对了,必须要加document.documentElement.scrollTop 的值才能得到正确的结果,迫不得已,修补bug如下
var posY = 0;
if(window.parent!= window && $.browser.msie)
posY= (trgt.offset().top+document.documentElement.scrollTop);
else
posY= trgt.offset().top;
if(trgt.is("ins") && event.pageY - posY < this.data.core.li_height) { this.toggle_node(trgt); }
Jquery里也有人提到这个问题,不知道新版有没有修复此bug, 附上地址供参考
分享到:
相关推荐
解决 jquery.uploadify.js 在ie9 下 二次打开失效问题等问题
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
给予jQuery的文件上传插件:jquery.uploadify.js修复了IE9 IE10浏览按钮点击无效的bug;直接替换官网下载的jquery.uploadify.js文件即可使用。
单页后退前进刷新 jquery.hash.min.js 和 jquery.ba-hashchange.min.js
本次提供的有:jquery-1.11.1.js、jquery-1.11.1.min.js、jquery-2.1.1.js和jquery-2.1.1.min.js。 说明: 1、文件名中包含min字样的为压缩版。2、压缩版本适于实际应用,未压缩版本适于开发调试过程。 3、2.x版本...
jquery 1.12.4 .min.js 含源码 包含以下文件: jquery.1.12.4.min.js jquery.1.12.4.js // 这个是源码哦 截至2017.11.21, jQuery1.x 最新最稳定版本
jquery.cookie.js,jquery-1.11.0.min.js,respond.min.js, bootstrap.min.js,html5shiv.js
jquery cookie.js 官方下载,一款优秀的 jquery 插件,提供了非常轻量级、简单、实用的操作 cookie 的方法,包括读写、删除等操作,jquery cookie 路径,jquery cookie 时间,jquery cookie 有效期,jquery cookie ...
jquery.pagination.js 下载,优秀的jquery分页插件,使用IP代理国外网站下载而来
文件压缩包里有jquery.form.js和使用说明文档 jquery表单验证插件_jquery.form.js
jquery-3.5.0.js jquery-3.5.0.min.js.zip
在官网上一直下载不下来 然后共享在这 jquery.json-2.3.min.js和jquery.json-2.3.js
jquery.form.js jquery.form.js
迄今为止发现的唯一一个兼容各种浏览器,而且可以居中显示的瀑布流程序代码! 个人原创
jquery.media.js
jquery.qrcode.min.js 二维码的jquery插件
jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下
jquery.min.map is a good
jquery.pseudo.js 文件,当初上传好像是兼容IE8