Запустить анимацию, когда visibiltyChange для родителя, используя anijs - PullRequest
Новая
       14

Запустить анимацию, когда visibiltyChange для родителя, используя anijs

0 голосов
/ 23 июня 2019

Я использую библиотеку AniJS , чтобы показать анимацию на моей странице.

Это моя структура HTML: 

<div class="question-wrapper wrapp-{{ $question->id }} q-{{ $loop->index }}" style="margin-bottom: 10px; display: none">
    <div id="question{{ $question->id }}" class="question question-title question{{ $question->id }} rtl alert alert-info" data-anijs="if: visibilitychange, on: $parent .q-{{ $loop->index }}, do: zoomInDown animated">
        <h4 class="farsi text-center textBlack">{{ $question->body }}</h4>
    </div>
    <div class="col-xs-12 col-sm-12 progress-container">
        <div class="progress progress-striped active">
            <div class="progress-bar bg-danger"
                 style="width:100%"></div>
        </div>
    </div>
</div>

и это мой способ изменить видимость для родителя: 

$(function(){
    $(document).on('click', function(){
        $(".question-wrapper").show(); //.css({'display' : 'block'});
        console.log("clicked");
    });
});

Если использовать click для того же элемента, который я хочу анимировать, все в порядке.

Я протестировал некоторые другие события, такие как DomContentLoaded на элементе, и работал нормально.

У меня вопрос по запчастям:

  1. Почему видимость не влияет на мою анимацию?
  2. Как я могу отложить запуск анимации?

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

...