Как добавить html элемент к динамически добавленному элементу?

Question

[Иван Ефимов]

Через js пытаюсь добавить новый элемент к динамически добавленным элементам .owl-page,
на одной странице это срабатывает успешно, а на другой не работает...
ошибок в консоли нет..

$(" .owl-pagination .owl-page").append("<p class='num'>01</p>");

<div class="owl-controls clickable">
<div class="owl-pagination">
<div class="owl-page active">
        <span class=""></span></div>
<div class="owl-page">
       <span class=""></span>
</div></div>
<div class="owl-buttons">
<div class="owl-prev">prev</div>
<div class="owl-next">next</div></div></div>

Answer 1

[Иван Ефимов]

все решил...оказалось я прописал этот кода раньше вызова js слайдера

Comments

[Сергей delphinpro]

нужно код писать не после вызова слайдера, в обработчике initialized.owl.carousel
Всегда лучше использовать коллбек. Это 100% гарантия что ваш код будет вызван в нужное время.
все коллбеки карусели тут https://owlcarousel2.github.io/OwlCarousel2/docs/a...

Answer 2

[Ilya]

Чудес не бывает. Не отрабатывает селектор значит, то есть, грубо говоря, js-код отрабатывает до того, как элемент появился в DOM-дереве. Чтобы проверить эту теорию, можно использовать таймаут (setTimeout()). Но это не единственная возможная проблема.