Estoy usando PHP con Swup para actualizar páginas sin actualizar todo el sitio. Estoy usando la función de JavaScript en cada página (dentro de la etiqueta del cuerpo, por ejemplo) con funciones que usan solicitudes de ajax cada x segundos. ejemplo de código:

 <script defer> $(document).ready(function () { $.ajax({....}); // along with some more functions for handling the ajax request. </script>

Obtuve un archivo js principal que maneja el const swup = new Swup(); código. mi pregunta es, ¿cómo puedo manejarlo? Cargará la etiqueta js en el cuerpo de cada página, y cuando cambie la página, descargará las solicitudes/js anteriores (¿si es necesario?) y no actualizará el js global. (no cajero automático)

hasta ahora traté de hacer la etiqueta <script> sin la opción de defer , y la puse dentro de la etiqueta main de cada página y puse allí la función de página así:

 const init = function() { $.ajax({ ... }); }

y

 swup.on('contentReplaced', init);

en el script principal (del encabezado) para que llame a la función. pero por alguna razón está llamando a la función desde la página que se cargó por primera vez, y si me muevo a otra página, todavía está llamando a la misma función desde la primera página... ¿cómo puedo arreglar eso?

editar: ¿quizás no está recargando la etiqueta <script> del cuerpo? como puedo cambiar eso - puede enviar la url del sitio web si alguien puede ayudar ..