Фильтрующий компонент UIkit 3

Question

Я пытаюсь отфильтровать uk-фильтр от кнопки или флажка.

Я понимаю, что могу создать фильтр, который содержит .js-фильтр.но я хочу создать флажок за пределами div.так как можно позвонить или установить возможный выбор.

Это то, что у меня есть.

<div uk-filter=".js-filter" data-id="page#4" id="page#4" class="uk-margin">    
<ul class="el-nav uk-margin uk-subnav uk-subnav-pill">
        <li class="uk-active" uk-filter-control="">
        <a href="">All</a>
        </li>

            <li uk-filter-control="[data-tag~='Anual']">
        <a href="#">Anual</a>
    </li>
        <li uk-filter-control="[data-tag~='Temporada']">
        <a href="#">Temporada</a>
    </li>  
</ul>
        <div class="js-filter uk-child-width-1-1 uk-child-width-1-2@m uk-grid-match uk-grid" uk-grid=""> 
        <div data-tag="Anual Temporada" class="uk-first-column">
<div class="el-item uk-card uk-card-primary uk-card-small uk-card-body uk-margin-remove-first-child">
                <h3 class="el-title uk-card-title uk-margin-remove-top uk-margin-remove-bottom"> 
<a href="" class="uk-link-reset">Triplex  MI 47</a> 
</h3>        
<a href="">
</a>        
 <div class="el-content uk-panel uk-margin-top"><p style="column-count: 2; font-family: Montserrat; font-size: 14px;">info</p></div>                
</div></div>   
<div>
<div class="el-item uk-card uk-card-primary uk-card-small uk-card-body uk-margin-remove-first-child">  
<h3 class="el-title uk-card-title uk-margin-remove-top uk-margin-remove-bottom">
<a href="" class="uk-link-reset">Botafoch MI35</a>                    </h3>        
 <a href="">
 </a>        
<div class="el-content uk-panel uk-margin-top"><p style="column-count: 2; font-family: Montserrat; font-size: 14px;">info</p>
<p style="text-align: justify;">info</p></div>        
</div></div>
</div>

</div>

Это функция, которую я вызываю с помощью onclick

function myFunction() {
        var filter = document.querySelector('.js-filter');
        var filterBar= document.querySelector('#page#4');
        var activeFilter= document.querySelector('div [data-tag:'Anual']');
        UIkit.filter( filterBar, {
            target: filter,
            selActive: activeFilter,
        });

}

в другом сообщении. Я вижу, что они установили выборфильтр, когда страница загружается и получает хэш, я хотел бы сделать то же самое, но с кнопки.Это другой пост Компонент фильтра UIkit 3: установить активный фильтр с хэшем URL - невозможно изменить активный фильтр с помощью JS