Почему animate не работает с разными свойствами ?

@Fatmarmelad · Регистрация: 20.02.2016

Студворк — интернет-сервис помощи студентам

День добрый!
Если пишу так, то всё рабатает

JavaScript
1
$(".blog").css({"background-color":"green"}).animate({"opacity":0.2}, 500 );

Если - другое свойство , на том же самом файле, код не работает

JavaScript
1
$(".blog").css({"background-color":"green"}).animate({"background-color":"red"}, 500 );

В чём проблема?

@mr_dramm · 22.10.2021, 00:29

Для некоторых стилей таких как background-color нужно подключать jqueryUI

@Fatmarmelad · 22.10.2021, 16:25 **[ТС]**

Ниже пример из книги "Beginning jQuery"

JavaScript
1
2
3
4
5
$("div").animate({
'width' : 200
}, 2000, function() {
alert("Div is now 200px wide!");
});

У меня не работает

@mr_dramm · 22.10.2021, 18:03

а так?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style>
.box {
    height: 100px;
    width: 0;
    background: #000;
}
</style>
 
 
<body>
    <div class="box"></div>
    <script>
    $(".box").animate({
        'width': 200
    }, 2000, function() {
        alert("Div is now 200px wide!");
    });
    </script>
</body>

Новые блоги и статьи Все статьи Все блоги /
Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .	Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .

@mr_dramm Молодой техлид) 1818 / 1056 / 329 Регистрация: 17.07.2021 Сообщений: 2,147 Записей в блоге: 14
	22.10.2021, 00:29
	Для некоторых стилей таких как `background-color` нужно подключать `jqueryUI` 1