Как инициализировать динамически появляющийся слайдер плагином solide js?

Question

[msdoc11]

Здравствуйте, как найти на странице динамически появляющийся слайдер и инициализировать?
Использую библиотеку splide js
Библиотека

Для инициализации есть код, без проблем работает если на странице уже есть тело слайдера

var elms = document.getElementsByClassName( 'splide' );

for ( var i = 0; i < elms.length; i++ ) {
  new Splide( elms[ i ] ).mount();
}

Вот код который появляется динамически

<div class="splide">
  <div class="splide__track">
		<ul class="splide__list">
			<li class="splide__slide">Slide 01</li>
			<li class="splide__slide">Slide 02</li>
			<li class="splide__slide">Slide 03</li>
		</ul>
  </div>
</div>

Comments

[Сергей Сергей]

(function f( s ) {
  const elms = document.querySelectorAll( s );
  if( elms ) {
    for ( var i = 0; i < elms.length; i++ ) {
      new Splide( elms[ i ] ).mount();
    }
  }else{
    setTimeout( f, 500, s );
  }
})('.splide');

[msdoc11]

Сергей Сергей, Работает если слайдер уже присутствует, через setTimeout эмулирую динамическое появление и его уже не видит

[Сергей Сергей]

if( elms.length ) {

Answer 1

[msdoc11]

Решение из комментария к вопросу

(function f( s ) {
  const elms = document.querySelectorAll( s );
  if( elms.length ) {
    for ( var i = 0; i < elms.length; i++ ) {
      new Splide( elms[ i ] ).mount();
    }
  }else{
    setTimeout( f, 500, s );
  }
})('.splide');