如何在javascript中添加padding-left？

Question

如何更改JavaScript中元素的padding-left？我已经使用了这段代码，它可以工作：

$(".number_1").stop().animate({height: '295px', width: '210px', opacity: 1}, 100);  

但是，当我在代码中添加padding-left时，它无法正常工作：

$(".number_1").stop().animate({padding-left: '10px', height: '295px', width: '210px', opacity: 1}, 100);  

如何在代码中添加padding-left才能生效？

Answer 1

没有引号的对象的键中的字符串仅在可以成功解析时才起作用。 在左侧填充处添加引号，这应该有效。

$(".number_1").stop().animate({"padding-left": '10px' ,height: '295px' ,width: '210px' ,opacity: 1}, 100);

Answer 2

如果使用(")，则添加引用padding-left或如果正确使用-则将后者更改为大写，然后使用paddingLeft

$(".number_1").stop().animate({paddingLeft: '10px' ,height: '295px' ,width: '210px' ,opacity: 1}, 100);  

OR

$(".number_1").stop().animate({"padding-left": '10px' ,height: '295px' ,width: '210px' ,opacity: 1}, 100);  

Answer 3

您必须将样式规则包装在引号中：

.animate({'padding-left' : '20px' });

或者你可以使用它：

 $("#p1").animate({paddingLeft:"+=100px"});

以下是W3Schools Tryit Editor演示了如何使用＆＃39; padding-left＆＃39;或者＆＃39; paddingLeft＆＃39;在JQuery动画中。

Answer 4

尝试填充左侧＆＃39;而不是“填充 - 左”＃。

Answer 5

当您使用javascript时使用paddingLeft，虽然在这种特定情况下'padding-left'也可能有效（但不完全确定，因为这将是jQuery特定的实现事情）

$(".number_1").stop().animate({paddingLeft: '10px' ,height: '295px' ,width: '210px' ,opacity: 1}, 100);  

只是一般提示，你不应该在逗号之前加一个空格，而是在它之后。