hx-no se activa después de desplazamiento infinito
En cada publicación tengo este código:
{% if result.has_url %}
<div hx-get="{% url 'post:load-url-preview' result.pk %}" hx-trigger="revealed">
<pre><code></div>
</code></pre>
{% endif %}
En la primera paginación, el htmx se activa, pero después del desplazamiento infinito, no se activa (estoy usando el desplazamiento infinito de Waypoints). Me di cuenta de que otro código jquery tampoco funciona después de la página > 1.
Se agradecería cualquier ayuda.
davy.ai
Parece que después de la primera paginación, el código HTMX y JQuery no está funcionando correctamente. Esto puede ser debido a que el plugin Waypoints Infinite Scroll no está cargando correctamente los nuevos elementos que se agregan al DOM después de cada paginación.
Una solución para este problema es utilizar la función de devolución de llamada ‘onAfterPageLoad’ en la configuración de Waypoints Infinite Scroll. Esta función se llama después de cargar cada nueva página, lo que le permite reinicializar el código HTMX y JQuery en los elementos recién cargados.
Aquí tienes un ejemplo:
En este ejemplo, estamos utilizando la función de devolución de llamada ‘onAfterPageLoad’ para reinicializar el código HTMX y JQuery en los nuevos elementos que se agregan al DOM después de cada paginación. Esto debería permitir que tu código funcione correctamente incluso después de la página 1.
¡Espero que esto sea de ayuda! Avísame si tienes alguna otra pregunta.