Error with Jquery and html alert

Question

I’m making an alert with jquery.... its function is to show the user the error and depending on the action lead to a following page... well already tested and the error is in jquery because when I put the alert in pure html it appears perfectly

this example above is with html... the way it should appear.

Let’s go to code

$(document).ready(function(e) {

var  site = {

fechar: function(parametro){
    $('#alerta-preto').fadeOut(2000);
    $('#alerta-base').fadeOut(2000)
    location.href="http://www.site.com.br/"+parametro+"";
    }

alerta: function(conteudo,diretorio){
html = '';
html += '<div id="alerta-preto"></div>';
html += '<div id="alerta-base">';
html += '<div id="alerta-topo">Alerta <div id="alerta-fechar" onclick="site.fechar("'+diretorio+'")"></div></div>';
html += '<div  id="alerta-branco">';
html += '<div class="titulo"><b>Ops,</b> Alerta</div>';
html += ''+conteudo+'';
html += '</div>';
html += '</div>';   
$('#alerta-fly').append(html);
}
}
});

is +- so to call

//apenas para mostrar
site.alerta('Dados incorretos.','nao');
//para direcionar
site.alerta('Logado com sucesso.','inicio');

the problem is that it doesn’t work.... I checked that code every so often and it is well in my view...

Answer 1

First, your functions within the site variable can be executed in any context of the site. So you cannot restrict it within the $(Document). ready

Below follows the code for testing

Note: I commented on the method to direct, to perform the test uncompromisingly the same.

var site = {
    fechar: function(parametro){
        $('#alerta-preto').fadeOut(2000, function (){
                $('#alerta-base').fadeOut(2000, function (){
                    if(parametro != undefined) {
                        location.href="http://www.site.com.br/"+parametro+"";
                    }
                });  
        });
    },
    alerta: function(conteudo,diretorio){
        var html = '<div id="alerta-preto"></div>';
        html += '<div id="alerta-base">';
        html += '<div id="alerta-topo">Alerta <div id="alerta-fechar" onclick="site.fechar("'+diretorio+'")"></div></div>';
        html += '<div  id="alerta-branco">';
        html += '<div class="titulo"><b>Ops,</b> Alerta</div>';
        html += conteudo;
        html += '</div>';
        html += '</div>';   
        $('#alerta-fly').html( html );
    }
}

$(document).ready(function(e) {
    //apenas para mostrar
    site.alerta('Dados incorretos.');
    //para direcionar
    // site.alerta('Logado com sucesso.','inicio');
});