Skip to main content
typo
Fonte Link

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.

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.

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.

Fonte Link

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.