Sto cercando di modificare i link dei tag usando il codice sottostante e sembra funzionare quando si aggiorna la pagina o si passa a una nuova pagina, ma non funziona quando si scorre verso il basso nella pagina dove lo scroll infinito carica nuovi elementi:
<script type="text/discourse-plugin" version="0.8">
api.onPageChange(() =>{
var tags = document.getElementsByClassName("discourse-tag");
for (i = 0; i < tags.length; i++) {
var tag = tags[i];
var url = tag.href;
var newUrl = "https://site.com" + url;
tag.href = newUrl;
}
});
</script>
Devo usare qualcosa di diverso o in aggiunta a api.onPageChange?
Sì, non funzionerà. Si attiverà solo al cambio di rotta. Devi considerare di sovrascrivere il codice che rende effettivamente quei tag direttamente, piuttosto che usare la selezione DOM.
Hai qualche idea su cosa stia sbagliando? Forse qualcosa è cambiato da quando ho letto le guide? (Per qualche motivo pensavo che fosse semplice come sovrascrivere i file per modificare piccole cose come questa).
Grazie! Per la cronaca, ho iniziato a personalizzare Tag Icons ieri sera e sono riuscito a farlo funzionare!
Per pura curiosità, però, il metodo di sovrascrittura dei file del plugin che ho descritto avrebbe dovuto funzionare anch’esso? (In tal caso, hai qualche idea su cosa stessi sbagliando?)