Pregunta sobre Page scroll to id de Wordpress:

¿No funciona con SVG?

Un usuario preguntó 👇

Quiero que funcione desde enlaces que provienen de svg, ya sea svg en línea o cargando desde un archivo svg. Pero ninguno de ellos está funcionando.

Estoy usando la última versión (1.6.6) de la última versión de WordPress con WPBakery Page Builder, el plugin funciona perfectamente si se extrae de un elemento de menú o cualquier otro enlace, pero no de svg. Intenté agregar xlink: href a la ruta en sí, en un ancla dedicada y también para agregar la clase ps2id al ancla, también puse los selectores CSS correspondientes en la configuración de ps2id. Nada funciona.

Pensé que esto podría deberse a cómo incrusté el svg a través de un plugin de Mapplic, pero lo intenté sin él, directamente a través de un solo elemento de imagen o incluso un elemento html sin procesar en un archivo svg en línea o vinculado. Un método no funciona.

Miré las preguntas frecuentes y la documentación y no digo nada sobre el uso en svg, lo único que se menciona en el registro de cambios es que la versión 1.6.3 admite anclajes dentro de svg, pero nada más …

(@malihu)

Hace 1 año, 4 meses

¿Puedes publicar la URL de un sitio / página para que pueda verificarlo?

Estoy publicando una muestra de SVG que funciona cuando se prueba:

<svg width="140" height="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<a href="#section-3" rel="m_PageScroll2id">
		<rect height="30" width="120" y="0" x="0" rx="15"/>
		<text fill="white" text-anchor="middle" y="21" x="60">SVG on MDN</text>
	</a>
</svg>

Lanzador de hilos

(@alkhalaf)

Hace 1 año, 4 meses

Hmmm, aquí está el truco:

SVG no admite el atributo regular href = ””, debe ser xlink: href = ””.

Lo reemplacé con href, y el selector de CSS para él xlink : href, y ahora el inspector dice
Uncaught Error: Syntax error, unrecognized expression: a[xlink:href*=#]:not([xlink:href=#]),a[href*=#]:not([href=#]):not([data-vc-tabs]):not([data-vc-accordion]),._ps2id,a[data-ps2id-api='true'][href*='#'],.ps2id > a[href*='#'],a.ps2id[href*='#']

El selector de CSS es incorrecto, no sé por qué. tal vez el nuevo xlink: href que agregué entonces, creo que tengo que escapar de los dos puntos como xlink : href pero no funciona, con o sin él.

Pero, solo usé href para probarlo, sin éxito.

http://almarina.net/alm-plans

Si prueba el segundo elemento del menú de la izquierda, verá que funciona. Pero desde el primer mapa svg no funciona.

(@malihu)

Hace 1 año, 4 meses

¿Puedes poner el primer mapa svg en tu página como un SVG normal? Ahora mismo lo tienes como un objeto incrustado. ¿Puede agregarlo como el otro elemento svg en su página?

Lanzador de hilos

(@alkhalaf)

Hace 1 año, 4 meses

Sí, finalmente está funcionando ahora.

El plugin agrega otros elementos SVG para permitir su interacción, por lo que ps2id no podrá hacer su magia sin una programación profunda (como usar la función $ .on jQuery).

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *