Copié a continuación directamente de la documentación v5.1 y acabo de actualizar mi href. El enlace funciona en un menú desplegable que tengo, pero quiero aprovechar los botones a continuación.
<a href="/events/?future=true" class="btn btn-primary active" role="button" data-bs-toggle="button" aria-pressed="true">Upcoming events</a> <a href="/events/?past=true" class="btn btn-primary" role="button" data-bs-toggle="button">Past events</a>A continuación se encuentra en mi archivo boilerplate.ejs:
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>Que es de la página de instalación .
Este código desplegable funciona bien, pero lo quiero en forma de botón (arriba):
<div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> Filter </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1"> <li><a class="dropdown-item" href="/events/?future=true">Upcoming Events</a></li> <li><a class="dropdown-item" href="/events/?past=true">Past Events</a></li> </ul> </div>Mis botones hacen clic y se iluminan, pero no cambian la ruta. ¿Por qué esto no funciona?
no está cambiando de ruta debido al signo de consulta que tiene en su url, tiene:
/events/?future=true /events/?past=truesi desea una ruta diferente, debe ser una ruta clara, no una consulta. ¿Tienes un servidor back-end?
en caso afirmativo, creo que su URL debe ser: (en caso de que desee redirigir)
/events/future /events/pastEn otro caso, ¿puede proporcionar más información? ¿Tiene archivos con esos nombres? ¿Cómo esperas que se redirijan? ¿y por qué?
Sin embargo, estoy seguro de que su URL está cambiando en la barra del navegador de URL donde hace clic. En resumen, una consulta no redirige.
Lo siento, no puedo escribir un comentario simple, todavía necesito algunos puntos para poder escribir en cualquier lugar que desee.