Si alguien aplica Google Translate a un sitio mío, generalmente cambia los valores de atributo href en los anclajes. Esto evita que las pestañas de Bootstrap funcionen. ¿Hay alguna manera de verificar si algún JavaScript está cambiando los atributos de una clase específica de anclas? Lo intenté

 jQuery(document).ready(function(){ jQuery("a.nav-link").bind('change', function(event) { console.log( jQuery("a.nav-link").attr("href") ); }); });

Pero no funciona. No veo nada en la consola después de la traducción.

Aquí hay un ejemplo:

Ir

https://genealogia.dejudicibus.it/index.php?f=dejudicibus&b=ventimiglia&c=xiv&p=13__a

Esto se hace usando las divisiones tabulables de Bootstrap. Si haces clic en "Fonti" verás la segunda sección. Si INSPECCIONA el código, puede ver que el href es simplemente un fragmento, es decir,

 <a class="nav-link" id="tab-t13__a-1" data-toggle="tab" href="#t13__a-1" role="tab" aria-controls="t13__a-1" aria-selected="true">Fonti</a>

Ahora, si hace clic en el ícono blanco superior derecho para traducir al inglés (no en la ventana emergente del traductor automático que puede ofrecer un navegador)...

... se puede ver que el enlace se cambia a

 <a class="nav-link" id="tab-t13__a-1" data-toggle="tab" href="https://genealogia-dejudicibus-it.translate.goog/index.php?_x_tr_sl=it&amp;_x_tr_tl=en&amp;_x_tr_hl=en-US&amp;_x_tr_pto=wapp#t13__a-1" role="tab" aria-controls="t13__a-1" aria-selected="true"> <font style="vertical-align: inherit;"> <font style="vertical-align: inherit;" class="">Sources</font> </font> </a>

Eso rompe el mecanismo Bootstrap. Si hace clic en las fuentes no pasa nada.