I can not load properly

Question

I can not load properly

Navigation

#1 by (0 votes)

0

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

$(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

asked by anonymous 23.05.2017 / 22:10

1 answer

Problems setting up an adapter in the list Get all the information of a tr

score 0 · Accepted Answer

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
            });
        }

    });
});