Un utente ha chiesto informazioni su SVG Support di Wordpress

Conflitti di forza inline SVG con alcuni plugin

Un utente ha chiesto 👇

Ciao,
Adoro il plugin e lo trovo molto utile. Sto entrando in conflitto con un altro plug-in, anche se l’opzione Force Inline SVG è attiva – Non sono sicuro di cosa stia succedendo esattamente ma per quanto posso capire che succede qualcosa con gli attributi src delle immagini e il mio plug-in della galleria non gli piace. Sono stato in grado di visualizzare la galleria almeno abilitando l’opzione JS Output in Footer ma ci sono ancora errori nello script e il codice SVG inline non esiste.
Ero in roaming, c’è una soluzione semplice per questo o potrebbe essere aggiornato? – Posso cercare altre gallerie ma su 5 ho provato ho riscontrato un conflitto simile con lo script inline .. anche difficile trovarne una che corrisponda strettamente a ciò di cui ho bisogno.
Apprezziamo qualsiasi aiuto!

Output della console Chrome:

Errore TypeError: impossibile leggere la “corrispondenza” della proprietà senza corrispondenza
di HTMLImageElement. (svgs-inline-min.js? ver = 1.0.0: 1)
di Function.each (jquery.js? ver = 1.12.4: 2)
in a.fn.init.each (jquery.js? ver = 1.12.4: 2)
ag bodhisvgsInlineSupport (svgs-inline-min.js? ver = 1.0.0: 1)
di HTMLDocument. (svgs-inline-min.js? ver = 1.0.0: 1)
ag i (jquery.js? ver = 1.12.4: 2)
di Object.fireWith [as resolveWith] (jquery.js? ver = 1.12.4: 2)
di Function.ready (jquery.js? ver = 1.12.4: 2)
di HTMLDocument.K (jquery.js? ver = 1.12.4: 2)

Alcune console Firefox:

TypeError: jQuery (…) .attr (…) non è definito[Learn More] svgs-inline-min.js: 1: 148

bodhisvgsInlineSupport https://www.rusafova-markulis.com/wp-content/plugins/svg-support/js/min/svgs-inline-min.js?ver=1.0.0:1

tutti e 2 jQuery
la testa
la testa

bodhisvgsInlineSupport https://www.rusafova-markulis.com/wp-content/plugins/svg-support/js/min/svgs-inline-min.js?ver=1.0.0:1

https://www.rusafova-markulis.com/wp-content/plugins/svg-support/js/min/svgs-inline-min.js?ver=1.0.0:1

i 4 jQuery
io
tineWith
pronto
K.

Autore del plugin

(@benbodhi)

2 anni, 1 mese fa

Ciao,

Grazie per il vostro supporto e ci scusiamo per il ritardo e l’inconveniente!

Al momento sono in viaggio e la settimana prossima trasloco, quindi sono completamente pronto.
Ma devo farlo tornare il prima possibile.

Penso che la prima cosa da scoprire sia il motivo per cui si desidera utilizzare la funzione “force inline SVG” … Questo di solito non è necessario e voglio evitarlo se possibile.

Lanciatore di thread

(@ jche34)

2 anni, 1 mese fa

Grazie per il puzzle!
Il motivo per l’SVG in linea è che voglio essere in grado di controllare gli elementi SVG dal livello CSS: effetti al passaggio del mouse, ecc. Il logo del sito ora è principalmente lo stesso e probabilmente potrei includere il codice SVG nell’intestazione, ma ti piace la possibilità di scambiare facilmente i file SVG dalla libreria multimediale tramite l’opzione “personalizzata” invece di aggiungere il codice del modello modifica ciascuno tempo.
Se hai un po ‘di tempo per giocherellare con questo ti sarò per sempre grato – lo sono già perché il plugin è fantastico altrimenti.
Saluti!

Autore del plugin

(@benbodhi)

2 anni, 1 mese fa

Ok, personalmente uso solo la classe CSS per richiedere qualsiasi SVG di cui ho bisogno inline, il logo stesso, lo faccio nel header.php. Ma io ti penso.

Fantastico, guarderò il prima possibile!

Lanciatore di thread

(@ jche34)

2 anni, 1 mese fa

Immagino di dover menzionare che ogni pagina tranne la pagina PROJECT funziona perfettamente con il plug-in della galleria in questione, il logo SVG è in linea, ottengo il colore di riempimento su un passaggio del mouse di controllo tramite CSS e tutto è fantastico. C’è qualcosa che lo script della galleria fa che fa sì che lo script fallisca nella forza in linea .. se questo non può aiutare potresti spiegare un po ‘di più su come usi la classe CSS per motivare gli SVG? Grazie per aver dedicato del tempo per rispondere – probabilmente riceverai molte domande.

Autore del plugin

(@benbodhi)

2 anni, 1 mese fa

Ciao,

Scusa per il ritardo della risposta!

Quindi fondamentalmente uso JS per cercare nel DOM la classe trigger css su un tag img con un file SVG per src. Quando viene trovato, il JS scambia l’intero tag img con il codice del file SVG src e lo rende inline.

La funzione Force SVG scambia semplicemente TUTTI i tag img con i file SVG src controllando l’estensione del file src.

Spero che possa aiutare.

Lanciatore di thread

(@ jche34)

2 anni, 1 mese fa

Grazie! – forse questa è la strada da percorrere per me poiché il logo del sito è l’unico SVG che voglio controllare a questo punto.

In un’altra nota, noto che SVG Force Inline non sembra funzionare sul protocollo HTTP su tutte le pagine che non hanno conflitti di plug-in: HTTPS funziona perfettamente.

Autore del plugin

(@benbodhi)

2 anni, 1 mese fa

Voglio comunque inoltrare tutti i commenti http a https e questa domanda dovrebbe essere evitata.

Was this helpful?

0 / 0

Lascia un commento 0

Your email address will not be published. Required fields are marked *