按钮点击将css添加到我的容器中

Question

我试图在按钮点击时向我的容器添加填充顶部，但它没有将paddint-top添加到我的容器中。

$('#login').on('click', function(){
   $('#loginform1').css('padding-top', 120);        
});

我在这里做错了吗？

Answer 1

您错过了以像素为单位指定填充。尝试，

 $('#loginform1').css('padding-top', '120px');  

完整代码将是，

$('#login').on('click', function(){
  $('#loginform1').css('padding-top', '120px');        
});

---

正如评论员所说，没有指定像素没有问题，但我仍然建议你使用它来避免与普通css的混淆，如果我推测，那么问题可能在你的准备好的处理程序，尝试换行你的代码在文档的ready事件中，

$(function(){
    $('#login').on('click', function(){
      $('#loginform1').css('padding-top', '120px');        
    });
})

Answer 2

Demo

试试这个

 $('#login').on('click', function(){
       $('#loginform1').css('padding-top', '120px');        
    });

Wierd无论是否提及px

都可以