首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Firefox (‘padding’)- jQuery问题

Firefox (‘padding’)- jQuery问题
EN

Stack Overflow用户
提问于 2013-03-19 18:43:57
回答 1查看 8.8K关注 0票数 19

当你试图获取一个元素的padding时,火狐(至少是v19.0.2)的jQuery css()函数似乎有问题。

我在使用.css('padding-left')时没有这个问题,但是如果只写一行而不是4行就更好了,特别是在像这样的简单特性上。

以下是我的问题示例,请比较Chrome和Firefox的行为:

代码语言:javascript
复制
$('#log').append(
    'padding : '+        $('#sample').css('padding')+'\n'+
    'padding-top : '+    $('#sample').css('padding-top')+'\n'+
    'padding-bottom : '+ $('#sample').css('padding-bottom')+'\n'+
    'padding-left : '+   $('#sample').css('padding-left')+'\n'+
    'padding-right : '+  $('#sample').css('padding-right')+'\n'
);
代码语言:javascript
复制
#sample {
    border: 1px solid black;
    padding: 8px;
    margin: 10px;
}
#log {
    padding: 8px;
    margin: 10px;
}
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="sample">Lorem ipsum</div>
<textarea id="log" rows="10" cols="50"></textarea>

我错过了什么吗?或者有没有不调用4个函数就能检索元素的padding的变通方法?

谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-19 18:50:26

请参阅bug #13421 (尽管这实际上不是一个错误)。

css()的文档中写道:

不支持

速记CSS属性(例如marginbackgroundborder)。例如,如果要检索呈现的边距,请使用:$(elem).css('marginTop')$(elem).css('marginRight'),依此类推。

padding就是这样一个属性,所以你确实需要使用paddingLeftpaddingRight等。

票数 22
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15497246

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档