Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kaiquemix

Menu e SubMenu - Plugin ISOTOPE

Recommended Posts

Olá camaradas, estou usando o plugin ISOTOPE estou com um problema.

 

O meu portfolio fiz um script que cada IMG que tenha a classe disnone vai ter display:NONE para não aparecer no começo e só quando aperta no menu desejável então o DISNONE ficará com display: BLOCK

 

Mas quando eu click em outro menu ele volta a ser NONE e só vira Block se eu clickar 2x em um menu.

 

Como faço para todos os menus fazerem o disnone fica block apertando apenas uma vez?

  $(".filters-button-group .button").click(function(){
        var idmenu = $(this).attr("data-filter");
            $(".disnone").css("display","block");
            $(".button-group").css("padding-bottom","20px");
            $(".SUB-MG").css("display","none");
            $(".SUB-CV").css("display","none");
        
        
        if(idmenu == ".grafico"){
            $(".SUB-MG").css("display","block");
        }
        if(idmenu == ".comu"){
            $(".SUB-CV").css("display","block");
        }

    });

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, só uma vez, você pode usar isso aqui: Use o método "one", poucas pessoas sabem, você só clica uma vez e não clica mais no botão.

 

retira aqui

$(".filters-button-group .button").click(function(){

Coloque esse aqui:

$(".filters-button-group .button").one("click", function(){

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom agora se eu aperta em outro menu, não aparece pois o disnone só vai pra BLOCK 1x :/, meu menu tem 2 opção:

BOTAO 1, BOTAO 2.

Com essa configuração, eu aperto no botão 1, da certo mas quando vou aperta no botão 2 ele não vai pra BLOCK

 

 

Bom, só uma vez, você pode usar isso aqui: Use o método "one", poucas pessoas sabem, você só clica uma vez e não clica mais no botão.

 

retira aqui

$(".filters-button-group .button").click(function(){

Coloque esse aqui:

$(".filters-button-group .button").one("click", function(){

Tenho que fazer de algum jeito que na hora que eu aperta em algum Button no menu ele fique BLOCK e só saia quando eu aperta em TODOS

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom você disse que era só para apertar uma vez, agora surgiu outro botão!

 

Bom, verifica seja existe uma classe para add..

 

Exemplo:

if (!$(this).hasClass("chek-class-add"){
$(this).addClass("chek-class-add");

... display block
}
else {
$(this).removeClass("chek-class-add");

... display none
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Bom você disse que era só para apertar uma vez, agora surgiu outro botão!

 

Bom, verifica seja existe uma classe para add..

 

Exemplo:

if (!$(this).hasClass("chek-class-add"){
$(this).addClass("chek-class-add");

... display block
}
else {
$(this).removeClass("chek-class-add");

... display none
}

 

Foi oque eu disse no primeir post!

 

*Mas quando eu click em outro menu ele volta a ser NONE e só vira Block se eu clickar 2x em um menu.

 

eu quero que quando eu aperto em outro menu ele fica em block não em NONE e só fica none quando aperta no botão TODOS.

 

TODOS - BOTAO 1 - BOTAO 2.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado deu certo fiz o seguinte:

 $(".filters-button-group .button").click(function(){
        var idmenu = $(this).attr("data-filter");
            $(".disnone").css("display","block");
            $(".disnone").removeClass('disnone');
      $( this ).addClass('disnone');

})

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.