I’m not able to load properly

Asked

Viewed 38 times

0

The system does the LOAD, but when I click a second time on any link the same duplicates the link and if you click again it quadruples and so on and the exit button only works on the first page that you load. Does anyone know which way I can go?

$(document).ready(function(){

    $("#menu a").click(function(e){
        e.preventDefault();
        var href = $(this).attr('href');
        var right = $(".right");
        right.append("<div id='pagina'></div>");
        $("#pagina").load(href);
        $("#pagina").attr("id","sair");
    });

    //Fechar a janela com o JQUERY
    $("#botaoSair").click(function(e){
        e.preventDefault();
        $('#sair').remove();
    });
});
jquery

  • What does this exit button do? You can also enter the div that gets it and the exit button?

  • The Quit button removes the DIV

1 answer

0


I was able to solve the problem and improve this code.

Sharing:

arrayJanela = [];//Variavel global
localStorage.setItem("zIndex", 3);//Set do primeiro zIndex

$(document).ready(function()
{
    $("#menu a").click(function(e)// Clica em alguma opção do menu
    {
        e.preventDefault(); // Previne para ocorrer apenas este evento no menu a
        var href = $( this ).attr('href'); // Colocar o link na variavel href
        var existe = false; // Defino que não existe hehe

        for (i = 0; i < arrayJanela.length; i++){ // Vejo todo o conteudo de arrayJanela
            if (arrayJanela[i]==href){ // Verifico se o link clicado existe no array
                existe = true; // Descobriu aqui que existe...
            }
        }

        if (existe){ // se existe
            var zIndex = parseInt(localStorage.getItem("zIndex"));
            zIndex = zIndex + 1;
            localStorage.setItem("zIndex", zIndex);
            var split = href.split('.');
            split[0] = "#"+split[0];
            $(split[0]).find(".zIndex").css('zIndex',zIndex);
        }else{ // se não existe
            arrayJanela.push(href); // Inclui link no array
            $("#containerJanelas").prepend("<div id='janela' class='sair'></div>"); // Cria uma div chamada  janela
            $("#janela").load(href, function()//Ocorre o load do link na Janela
            {
                var zIndex = parseInt(localStorage.getItem("zIndex"));
                zIndex = zIndex + 1;
                $('#janela').find(".zIndex").css('zIndex',zIndex);
                localStorage.setItem("zIndex", zIndex);
                var split = href.split('.');
                $("#janela").attr("id",split[0]); // Muda o nome da nova página para os próximos loads não duplicarem
            });
        }

    });
});

Browser other questions tagged jquery

You are not signed in. Login or sign up in order to post.