Bootstrap Тост застрял в классе "показ" / "шоу" - PullRequest
Новая
       10

Bootstrap Тост застрял в классе "показ" / "шоу"

0 голосов
/ 14 марта 2020

Когда у меня несколько тостов подряд, работает только один из режима автоматического скрытия тоста. Кнопка «отклонить» также работает только для одного тоста. Остальное, что я вижу, застряло на class="toast fade showing" или class="toast fade show".

. На этом этапе даже использование другого скрипта для выполнения $('#toast-1').toast('hide') не работает. Использование сценария для повторного запуска «show», хотя, кажется, сбрасывает тост и снова запускает автоматическое скрытие.

Есть идеи, как запустить анимацию, скрывающую тост? Я могу скрыться, просто изменив имя класса, но это без анимации.

Код для тоста вводится в контейнер стека через службу API, генерируя необходимый HTML, с .innerHTML+=. 

<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" th:id="'toast-' + ${toastID}" data-delay="3000">
    <div class="toast-header">
        <strong class="mr-auto">Header</strong>
        <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close" th:onclick="'toastDismiss('+ ${toastID} + ')'">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    <div class="toast-body" th:text="${toastMessage}"> </div>
</div>
...