Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Динамическое изменение стиля (https://javascript.ru/forum/events/59233-dinamicheskoe-izmenenie-stilya.html)

MishaUA 02.11.2015 04:06

Динамическое изменение стиля
 
Здравствуйте!
Есть html, js и css файлы. В css есть некий клас:
Код:

div.group {
        position: relative;
        /*border-radius: 15px;*/
        background-color: rgba(0, 120, 201, 0.2);
        background-repeat: no-repeat;
}

После их загрузки выполняется JS код, который должен в этот класс добавить параметр border-radius с нужным значением. Затем, создаются div объекты и в качестве класса для них указывается group. Соответственно, для них должен примениться данный стиль.
Новый параметр в стиль добавляю так:
$("div.group").css("border-radius", "15px");

Собственно, визуально видно, что для данного объекта применился только тот стиль, который был изначально указан в css.

Последние 2-3 часа решаю данную проблему. Помогите))))

ksa 02.11.2015 08:42

Цитата:

Сообщение от MishaUA
В css есть некий клас

В ЦС нет классов...
В твоем случае это селектор и соответствующие ему свойства, и их значения...

Цитата:

Сообщение от MishaUA
Последние 2-3 часа решаю данную проблему.

Ты хоть бы тестовый пример челе сделал...

MishaUA 02.11.2015 10:22

Так я же скинул пример. Вот так добавляю зачение:
$("div.group").css("border-radius", "15px");

рони 02.11.2015 11:05

MishaUA,
добавлять стиль нужно когда элементы div.group уже созданы а не до.
иначе меняйте не стили а правила css. медитировать над insertRule но лучше сразу написать в css вам нужное а не скриптом.

ksa 02.11.2015 11:13

Цитата:

Сообщение от MishaUA
Так я же скинул пример.

У тебя неправильное представление о тестовых примерах... :(

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

MishaUA 02.11.2015 13:57

insertRule помогло)))
Спасибо!


Часовой пояс GMT +3, время: 16:20.