传奇刘星
管理员
管理员
  • 最后登录2024-04-24
  • 发帖数588
  • 社区居民
  • 忠实会员
阅读:15278回复:7

firefox与jquery().css('margin')的“不共戴天之仇”

楼主#
更多 发布于:2017-06-28 23:11



#dd{
    margin:5px;
}


<div id="dd">
    hello bug!
</div>


很简单啊,484?
但是,如果你是firefox的粉丝,那么你就没那么“幸运”了!
$('#dd').css('margin')

上面这行jQuery代码呢,在我们Chrome粉丝的使用下呢,是没有毛病的,取出来的值为
5px
但是,如果是firefox,那么你们就默哀吧,取出来是空字符串(省略无数个哈哈哈哈......)


测试的版本是jQuery 1.11.xx and 截至目前最新版的火狐


目前呢,不知道具体原因,没有找到具体的解决办法,then end

最新喜欢:

doubleyongdouble...
https://blog.feiyuit.cn
doubleyong
管理员
管理员
  • 最后登录2025-04-01
  • 发帖数1197
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
沙发#
发布于:2017-07-04 20:47
哈哈,所以我的BUG收集就很有用哦,以后就有中文的相关说明了。欢迎把BUG都记录下来。^_^
知识需要管理,知识需要分享
传奇刘星
管理员
管理员
  • 最后登录2024-04-24
  • 发帖数588
  • 社区居民
  • 忠实会员
板凳#
发布于:2017-07-04 08:39
doubleyong:直接输入相关的关键词,不过这类问题,一般都是英文的回复比较多,中文的回答比较少哦回到原帖
哎,英语零级。。
https://blog.feiyuit.cn
doubleyong
管理员
管理员
  • 最后登录2025-04-01
  • 发帖数1197
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
地板#
发布于:2017-07-02 23:17
直接输入相关的关键词,不过这类问题,一般都是英文的回复比较多,中文的回答比较少哦

图片:keywords.png

知识需要管理,知识需要分享
传奇刘星
管理员
管理员
  • 最后登录2024-04-24
  • 发帖数588
  • 社区居民
  • 忠实会员
4楼#
发布于:2017-07-02 22:45
doubleyong:查了一下,不光是margin .  padding, 与border 在firefox 下获取值也会有问题。

目前的解决方法是:
   $('#dd').css('margin-top')
   $('#dd').css('mar...
回到原帖
还是杨老大厉害呀,这种问题,我百度直接找不到,还望老大不吝赐教如何查到的?
https://blog.feiyuit.cn
doubleyong
管理员
管理员
  • 最后登录2025-04-01
  • 发帖数1197
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
5楼#
发布于:2017-06-30 21:17
传奇刘星:补充说明:经测试,Firefox与jquery-3.0.0、jquery-3.2.1也不支持该函数的margin参数回到原帖
查了一下,不光是margin .  padding, 与border 在firefox 下获取值也会有问题。

目前的解决方法是:
  $('#dd').css('margin-top')
  $('#dd').css('margin-left')
  $('#dd').css('margin-right')
  $('#dd').css('margin-bug')

能过,这种方式,可以获取到相关的值, padding与border也是类似,需要分别获取。
上面的也不是bug,Jquery 文档中,也进行说明,如下:

图片:marginFirefox.png



可查询:bug #13421
参考:https://stackoverflow.com/questions/17737474/jquery-css-not-working-properly-in-firefox
          https://stackoverflow.com/questions/15497246/jquery-csspadding-issue-with-firefox
知识需要管理,知识需要分享
doubleyong
管理员
管理员
  • 最后登录2025-04-01
  • 发帖数1197
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
6楼#
发布于:2017-06-30 18:37
传奇刘星:补充说明:经测试,Firefox与jquery-3.0.0、jquery-3.2.1也不支持该函数的margin参数回到原帖
哈哈,这是一个好问题,直接测试一下
知识需要管理,知识需要分享
传奇刘星
管理员
管理员
  • 最后登录2024-04-24
  • 发帖数588
  • 社区居民
  • 忠实会员
7楼#
发布于:2017-06-29 15:08
补充说明:经测试,Firefox与jquery-3.0.0、jquery-3.2.1也不支持该函数的margin参数
https://blog.feiyuit.cn
游客


返回顶部

公众号

公众号