Estoy tratando de codificar un carrusel OWL. Esto está funcionando bien. Dentro del carrusel tengo 2 elementos con un texto de introducción. Esto será más elementos más tarde. Al hacer clic en un botón, el texto se intercambia con otro texto. Esto funciona bien cuando no se usa el carrusel OWL. Tan pronto como estoy usando el carrusel, esta función ya no funciona.

Aquí está mi guión:

 <script> function changeText() { var id=document.getElementsByName("button")[0].id; if(id==1){ document.getElementById("text").innerHTML = "<?php echo the_sub_field('content_1'); ?>"; document.getElementsByName("button")[0].id=0; }else { document.getElementById("text").innerHTML = "<?php echo the_sub_field('intro_1'); ?>"; document.getElementsByName("button")[0].id=1; } } </script> <?php $image = get_sub_field('image_1'); if( !empty($image) ): ?> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" class="img-fluid" /> <?php endif; ?> <p id="text"><?php echo the_sub_field('intro_1'); ?></p> <button name='button' id='1' onclick="changeText()">Change Text</button>

También estoy usando ACF, pero al reemplazarlo con texto normal, veo el mismo comportamiento.

No veo ningún error en la consola, así que no sé por qué esto no funciona con el carrusel OWL.

Demostración: consulte https://sun.devwiw.nu/demo/

saludos roland