Utilizo las pestañas de navegación, pero tengo problemas para cambiar entre pestañas del enlace que se encuentra dentro del contenido de la pestaña 1. Quiero cambiar de la pestaña 1 a la pestaña 3 haciendo clic en este enlace en lugar de hacer clic en el título de la pestaña.
Probé esta solución (Debajo del capó, ¿Cómo abrir una pestaña desde un enlace externo? ) Pero aparece este error: "Error de tipo no detectado: $ no es una función".
estoy usando jquery 3.5.1 y bootstrap 4.4.1
<ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"><a class="nav-link active" id="pricing-tab" href="#pricing" data-toggle="tab" role="tab" aria-controls="pricing" aria-selected="true">Pricing</a></li> <li class="nav-item"><a class="nav-link" id="details-tab" href="#details" data-toggle="tab" role="tab" aria-controls="details" aria-selected="true">Details</a></li> <li class="nav-item"><a class="nav-link" id="booking-tab" href="#booking" data-toggle="tab" role="tab" aria-controls="booking" aria-selected="true">Booking</a></li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane tab-bg fade show active" id="pricing" role="tabpanel" aria-labelledby="pricing-tab"> pricing tab content and <a href="#booking" Xdata-toggle="tab" class="tab-link">link to tab3</a> </div> <div class="tab-pane tab-bg fade" id="details" role="tabpanel" aria-labelledby="details-tab">details tab content</div> <div class="tab-pane fade" id="booking" role="tabpanel" aria-labelledby="booking-tab">booking tab content</div> </div>Si usa JQuery con una herramienta que podría incluir otras bibliotecas o marcos de JS, es posible que se produzcan conflictos debido a que varias bibliotecas usan $ .
La solución es incluir JQuery así:
jQuery(document).ready(function ($) { // your JQuery code });