2012-02-15 3 views
0

Я хочу дать некоторые стили, используя jquery. когда я загружаю несколько всплывающих страниц на своем веб-сайте.Как применять встроенные стили с помощью jquery?

Я пробовал вот так.

$("#myCountDiv").css({ "bottom":"298","position":"relative"}); 

$("#myInnerContainer").css({"margin-top:35"}); 

Оба не работают. Пожалуйста, помогите мне. Как я могу использовать эти стили для этих div?

Благодаря

+0

Вы можете вызвать их после загрузки HTML-кода. – IamStalker

+0

@learner, если вы используете jqueryUI-диалоги, тогда вы можете установить все эти атрибуты при инициализации своего диалога – Devjosh

+0

$ ("# myCountDiv"). Css ({'color': 'red', 'position': 'relative'}); // проверяем этот код своим работоспособным человеком –

ответ

3

Первый пример не работает, потому что «дно» должно быть «298px», а нижний пример не работает, потому что имущество должно быть ключ и «35» должно быть «35px» ,

Примеры:

$("#myCountDiv").css({bottom: '298px', position: 'relative'}); 
$("#myInnerContainer").css({marginTop: '35px'}); 

Посмотрите на другие примеры here.

0

Я всегда путаюсь и с этим .css() свойством, существует слишком много опций, и у каждого есть свое правило.

Вместо того чтобы вводить вас в замешательство со всеми параметрами, id 'рекомендует просто запомнить этот.

$('div').css({ 
    'property':'value', 
    'bottom':'298x', 
    'position':'relative', 
    'margin-top':'35px', 
}); 

Это как CSS, но вам нужно поставить кавычки вокруг свойства и значения. Путаница происходит, когда вы также можете использовать абсолютные ключи, но когда вы сделаете это, вы должны CAMELBACK любого ключа, который имеет hypen:

$('div').css({ 
    bottom:'298x', 
    position:'relative', 
    marginTop:'35px', 
}); 

Это лучше всего придерживаться с первым способом.

Смежные вопросы