如何在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);  

要么

$(".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編輯器，演示如何在JQuery動畫中使用'padding-left'或'paddingLeft'。

Answer 4

嘗試'paddingLeft'而不是'padding-left'。

Answer 5

當你使用javascript時使用paddingLeft ，雖然在這個特定情況下'padding-left'也可能有用（雖然不完全確定，因為那將是一個特定於jQuery的實現）。

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

只是一般性的提示，你不應該在逗號之前放置一個空格，而是在它之后。