Анимация динамических элементов с помощью jQuery

#jquery #jquery-animate

#jquery #jquery-анимировать

Вопрос:

Я не могу заставить анимацию затухания работать с динамически добавляемым элементом.

Что я пытаюсь сделать, так это создать механизм, с помощью которого я мог бы менять фон на сайте.

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

Связанный пример является базовым. Фоны будут иметь разные изображения, а не цвета в реальной вещи, поэтому использование расширения jQueryUI addClass не будет работать.

Вот скрипка

Заранее спасибо.

Ответ №1:

Попробуйте это вместо. Не уверен, чего вы хотите от этой анимации, но, похоже, она «работает» именно так.

     $('#wrapper').fadeOut(2e3, null, function () {
        $page.unwrap($wrap);
    });
  

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

1. Я думал, что это будет работать именно так, я просто был недоволен тем, что мне пришлось дважды передавать селектор. Я бы подумал, что способ, которым я создал элемент, позволил бы мне выполнять любую функциональность jquery. Есть ли лучший способ создать элементы купола?