Issue #2650💬 RespondidoAbierto el 14 de marzo de 2020por abzal0Reacciones 2

Slick.js recargar el control deslizante al cambiar el recurso de imagen

Respuesta rápidapor pouyamiralayi1

Hola @abzal0 la función correcta es en realidad ''updateScript'', ¡mi error! Así es como lo hice: Primero, definiendo el tipo de componente: Cada vez que se ejecuta el script, reinicio el ''slickjs'' para reinicializar, que puedes ver en el script. También he usado el tipo ''image'' directamente como hijos de mi compo...

Lee la respuesta completa abajo ↓

Pregunta

Hola a todos, Estoy integrando el deslizador slick, el problema es recargar el deslizador después de subir la imagen. Después de hacer clic en activos abiertos, el deslizador Slick debe reinicializarse para que el HTML normal del deslizador se convierta en el deslizador slick, que ocurre al añadir el componente al lienzo solo: $('#slickslider').slick({ DOTS: Cierto, Infinito: Cierto, velocidad: 300, flechas: cierto, AdaptativoAltura: verdadero }); Eso funciona en dos casos: Cuando añado un nuevo deslizador al lienzo Cuando subo una nueva imagen y luego arrastro y muevo el componente, se reini...

Respuestas (3)

pouyamiralayi18 de marzo de 2020

Hola @abzal0 la función correcta es en realidad ''updateScript'', ¡mi error! Así es como lo hice: Primero, definiendo el tipo de componente: Cada vez que se ejecuta el script, reinicio el ''slickjs'' para reinicializar, que puedes ver en el script. También he usado el tipo ''image'' directamente co...

abzal018 de marzo de 2020

@pouyamiralayi este código es increíblemente valioso, muchas gracias por compartirlo :) funciona mejor de lo que necesitaba. Te enviaré un correo electrónico, espero que respondas.

pouyamiralayi14 de marzo de 2020

@abzal0 cómo reiniciar la función 'script' dentro de editor.blockmanager.add para recargar el código jquery del slider? Para tu código ''script'', te sugiero que lo muevas a la definición de componente y ahí puedes emitir: Para recargas de scripts. ¡Salud!

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.