Isotope - Filtro sem o "All"

[carlaborginha 0]

Oi, pessoal! Td bem?

Gostaria que no filtro que tenho no meu site não aparecesse o "All" e sim, um filtro específico. No caso, gostaria que o filtro carregasse direto em '.eua'
Não entendo de JS.
Podem me ajudar? Seguem os códigos.
Muito obrigada!!!!

<div class="text-center">
  <ul class="portfolio-filter">
  <li><a class="active" href="#" data-filter="*">Cursos</a></li>
  <li><a href="#" data-filter=".eua">EUA</a></li>
  <li><a href="#" data-filter=".canada">Canadá</a></li>
  <li><a href="#" data-filter=".inglaterra">Inglaterra</a></li>
  <li><a href="#" data-filter=".uk">UK</a></li>
  <li><a href="#" data-filter=".belgica">Bélgica</a></li>
  <li><a href="#" data-filter=".malta">Malta</a></li>
  <li><a href="#" data-filter=".irlanda">Irlanda</a></li>

---------------------------------------------------------------------------------------------------

 

// portfolio filter
$(window).load(function(){'use strict';
var $portfolio_selectors = $('.portfolio-filter >li>a');
var $portfolio = $('.portfolio-items');
$portfolio.isotope({
itemSelector : '.portfolio-item',
layoutMode : 'fitRows'
});

$portfolio_selectors.on('click', function(){
$portfolio_selectors.removeClass('active');
$(this).addClass('active');
var selector = $(this).attr('data-filter');
$portfolio.isotope({ filter: selector });
return false;
});
});

$(document).ready(function() {

[Ted k' 126]

Tire a classe "active" de Cursos e coloque em EUA, no HTML

<li><a href="#" data-filter="*">Cursos</a></li>
<li><a class="active" href="#" data-filter=".eua">EUA</a></li>

[carlaborginha 0]

Já fiz isso e não funcionou :(

Ele até abre na guia "EUA" porém, não faz o filtro. No resultado continua aparecendo todos os itens. Ele só aplica o filtro se eu clico sobre a guia EUA novamente.

Alguma outra ideia?

Obrigada!

[carlaborginha 0]

 

Tire a classe "active" de Cursos e coloque em EUA, no HTML

<li><a href="#" data-filter="*">Cursos</a></li>
<li><a class="active" href="#" data-filter=".eua">EUA</a></li>

 

Oi, Ted k. Obrigada pela resposta, porém, essa foi a primeira coisa que eu fiz e não tive resultado. Você teria alguma outra ideia?

Agradeço muito.

Abraço!

 

Carla

[carlaborginha 0]

 

Tire a classe "active" de Cursos e coloque em EUA, no HTML

<li><a href="#" data-filter="*">Cursos</a></li>
<li><a class="active" href="#" data-filter=".eua">EUA</a></li>

 

Acredito que eu tenha que fazer alguma alteração aqui:

 

// portfolio filter
$(window).load(function(){'use strict';
var $portfolio_selectors = $('.portfolio-filter >li>a');
var $portfolio = $('.portfolio-items');
$portfolio.isotope({
itemSelector : '.portfolio-item',
layoutMode : 'fitRows'




});


$portfolio_selectors.on('click', function () {
    $portfolio_selectors.removeClass('active');
    $(this).addClass('active');
    var selector = $(this).attr('data-filter');
    $portfolio.isotope({
        filter: selector
    });
    return false;
});
});