0

Eu tenho vários elementos com a classe .track, quando qualquer uma é clicada a div #controls aparece com essa animação, mas preciso que ela só ocorra uma vez. Tentei de várias formas da internet mas não consegui, uma que mais chegou perto fez não repetir ao clicar no mesmo elemento com a classe, mas clicando em outro elemento isso repete. Aqui:

       $(document).ready(
function(){
    $(".track").one("click", function () {
        $("#controls").fadeIn()
        .css({bottom:-50,position:'absolute'})
        .animate({bottom:0}, 500, function() {
        });
    });
});

1 Resposta 1

0

O modo mais fácil de solucionar esse problema é utilizando uma variável global, indicando seu já realizou a animação ou não. Nesse exemplo:

var animado = false;
$(document).ready(
function(){
    $(".track").one("click", function () {
        if (animado) {
            return
        }
        animado = true;        
        $("#controls").fadeIn()
        .css({bottom:-50,position:'absolute'})
        .animate({bottom:0}, 500, function() {});
    });
});

Assim ele só irá executar a animação na primeira vez.

3
  • Amigo, muito obrigado pela resposta! mas eu testei aqui e não funcionou (o script no geral)... funcionou ai pra ti? Commented 18/03/2018 às 19:20
  • Desculpe, acabei esquecendo de adicionar um parênteses. Tente de novo :p Commented 18/03/2018 às 19:33
  • Perfeito amigo!!! muuuuuito obrigado xD Commented 18/03/2018 às 19:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .