WordPress: ¿cómo crear un enlace a un elemento de filtro de datos?

1 minuto de lectura

Una página de mi sitio de WordPress usa un menú de filtro en la página en el que el usuario puede hacer clic en los elementos para filtrar el tipo de publicaciones a continuación. ¿Hay alguna manera de crear un enlace a cada elemento del menú de filtro al que el usuario pueda acceder directamente desde fuera de esta página? Por favor, consulte el código html a continuación:

<ul class="filter js-filter">
    <li class="active">
        <a href="#" data-filter="*">All</a>
    </li>
    <li class="">
        <a href="#" data-filter=".building">Building </a>
    </li>
    <li class="">
        <a href="#" data-filter=".villa">Villa </a>
    </li>
    <li class="">
        <a href="#" data-filter=".interior">Interior </a>
    </li>
    <li class="">
        <a href="#" data-filter=".exterior">Exterior </a>
    </li>
</ul>

La forma más fácil probablemente sería usar jQuery’s trigger() para simular un clic en el elemento apropiado basado en un Fragmento de URL (hash en la URL)

Enlaces:

<a href="https://example.com/filter-page#*">Filter All</a>
<a href="https://example.com/filter-page#.building">Filter Buildings</a>

JavaScript en su página de filtro:

jQuery(document).ready(function($){
    var currentFilter = window.location.hash.substr(1);

    $('.js-filter [data-filter="'+ currentFilter +'"]').trigger('click');
});

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad