Блог

Главная - Вопросы по программированию - Добавление css в мой контейнер при нажатии кнопки

Добавление css в мой контейнер при нажатии кнопки

#jquery #css

#jquery #css

Вопрос:

Я пытаюсь добавить дополнение к своему контейнеру при нажатии кнопки, но оно не добавляет дополнение к моему контейнеру.

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

Что-то не так, что я здесь делаю?

Комментарии:

1. Вы ждете, когда DOM будет готов?

2. попробуйте обернуть свой код с $(function(){/*your code*/});

Ответ №1:

Вы пропустили указание отступа в пикселях. Попробуйте,

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

Полный код будет,

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

Как сказал комментатор, нет проблем в том, чтобы не указывать пиксели, но все же я бы посоветовал вам использовать это, чтобы избежать путаницы с обычным css, если я предполагаю, что проблема может быть в вашем готовом обработчике, попробуйте обернуть свой код в событие готовности документа,

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

Ответ №2:

ДЕМОНСТРАЦИЯ

попробуйте это

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

Странно, что в любом случае это работает с упоминанием px или без него