За последние 24 часа нас посетили 19513 программистов и 1631 робот. Сейчас ищут 1805 программистов ...

Jquery / ajax удаление div'a после анимации CSS

Тема в разделе "JavaScript и AJAX", создана пользователем Exort, 30 май 2016.

  1. Exort

    Exort Активный пользователь

    С нами с:
    30 апр 2016
    Сообщения:
    100
    Симпатии:
    2
    Доброго времени суток.

    Не получается удалить <div > по окончанию анимации из CSS.

    Не хочется ставить таймер, подскажите, можно ли как-нибудь избежать этого?
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
  3. Exort

    Exort Активный пользователь

    С нами с:
    30 апр 2016
    Сообщения:
    100
    Симпатии:
    2
    Но ведь некоторые браузеры лагают, анимации задерживаются, может каша выйти
    Или бред несу?
     
  4. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    Можно без таймера, добавь в цепочку ещё и удаление div.
    http://api.jquery.com/animate/
    там где Animation complete удаляй div
     
    metadon нравится это.
  5. rodent90

    rodent90 Новичок

    С нами с:
    26 мар 2015
    Сообщения:
    533
    Симпатии:
    37
    Возможно он не об этом говорит, кода нет, не понятно про какую анимацию идет речь.
    Если тебе нужно прям из css то transition-delay или animation-delay.

    Опиши подробнее задачу, тогда возможно быстрее помогут.
     
  6. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
    Используй пользовательскую анимацию jquery .animate();

    Код (Javascript):
    1. //JQuery
    2. $('#myId').animate.({width:"100px", height:"100px"}, 500, function(){
    3.  
    4. $('#divId').css({"display":"none"});
    5.  
    6. });
    --- Добавлено ---
    css правила прописал просто для примера чтобы было видно синтаксис. denis01 дал ссылку по которой можно всё почитать что для чего нужно если не знаешь чего то...
    --- Добавлено ---
    Лагают браузеры на которых динозавры еще сидели. В современных браузерах всё работает. И потом, функция удалинея DIV-а начнет выполняться по завершению анимации. Поэтому не волнуйся :)