Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

66
Vistas
Impedir la recarga cuando se cambia la URL

Actualmente estoy construyendo un sitio web con Kirby CMS y estoy usando Parámetros en la URL para filtrar mis artículos. Al mismo tiempo, tengo implementado un conmutador css muy básico, que me permite cambiar entre la vista de lista y la de galería sin recargas (supuse). Pero cuando estoy en la vista de galería (el CSS solo se carga cuando se usa el conmutador) y la URL cambia para pasar los parámetros del filtro, el sitio vuelve al CSS inicial (vista de lista). ¿Cómo puedo evitar que eso suceda?

Mi humilde selector de CSS

 function list() { var theme = document.getElementById('css'); theme.href = "/assets/css/templates/works.css"; } function gallery() { var theme = document.getElementById('css'); theme.href = "/assets/css/templates/works-gallery.css"; }

Filtrar

 <filter class="filter"> <a href="<?= $page->url() ?>?filter=">All</a> <?php foreach ($filters as $filter): ?> <a href="?filter=<?= $filter ?>"><?= $filter ?></a> <?php endforeach ?> </filter>

Controlador de página respectivo

 return function ($page) { $filterBy = get('filter'); $unfiltered = $page->children()->listed(); $works = $unfiltered ->when($filterBy, function($filterBy) { return $this->filterBy('category', $filterBy); }); $filters = $unfiltered->pluck('category', null, true); return [ 'filterBy' => $filterBy, 'unfiltered' => $unfiltered, 'works' => $works, 'filters' => $filters ]; };
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda