Я использую модальный компонент анимированного Twitter Bootstrap, и я хотел бы манипулировать его элементами, как только они станут доступны в DOM.
Чтобы уточнить, у меня нет модального ожидания в DOM, я компилирую шаблон Handlebars и вызываю для него .modal()
, иначе я мог бы манипулировать им просто, когда DOM будет готов.
Bootstrap предоставляет 2 соответствующих события, show.bs.modal
и shown.bs.modal
. Первый срабатывает при переключении модального окна, но до его вставки в DOM, а второй срабатывает после завершения отображения модального окна, но это происходит после анимации отображения. завершено, что слишком поздно и вызывает FOUC. Метод .modal()
в какой-то момент вставляет модальное окно в DOM, но когда я попытался найти его сразу после вызова этого метода, его там не было.
Я понял, что манипулирование им после 200 мс работает, но оно кажется грязным, и я не уверен, что оно всегда будет работать. Как я могу манипулировать им после вставки модального окна в DOM, но до начала анимации?