0

tudo bem? estou com uma dúvida bem chata aqui e não consegui achar nenhuma solução viável. Bem, vou explicar o problema.

Essa é minha classe onde eu retornarei minha consulta

<div class="col-lg-2 result"> 
    ...  AQUI DENTRO ESTARÁ A CONSULTA INICIAL DA PAGINA
</div>

e esse é meu código para fazer com que cada letra que eu digite me retorne a consulta

$(function(){
//Pesquisar os cursos sem refresh na página
$("#pesquisa").keyup(function(){

    var pesquisa = $(this).val();

    //Verificar se há algo digitado
    if(pesquisa != ''){
        var dados = {
            palavra : pesquisa
        }       
        $.post('busca.php', dados, function(retorna){
            $(".result").html(retorna);
        });
    }else{
        $('.result').load('');
    }       
});
});

Agora o problema, quando eu faço a pesquisa ela subscreve a div ( isso eu quero que aconteça), porém ao apagar todas as letras digitadas, eu preciso que a div volte ao estado original, ou seja, o estado em que apenas a minha consulta php age sobre o código.

Alguém teria uma dica de como resolver isso?

3

1 Resposta 1

1

Basta vc guardar os dados da div.result antes da primeira interação. Veja a variável htmlOrig. Quando não tiver mais nada pra mostrar, volte com eles pro lugar anterior e seu HTML volta ao estado original.

$(function(){

var htmlOrig = $('.result').html();

//Pesquisar os cursos sem refresh na página
$("#pesquisa").keyup(function(){

    var pesquisa = $(this).val();

    //Verificar se há algo digitado
    if(pesquisa != ''){
        var dados = {
            palavra : pesquisa
        }       
        $.post('busca.php', dados, function(retorna){
            $(".result").html(retorna);
        });
    }else{
        $('.result').html(htmlOrig);
    }       
});
});

3
  • Certo Ricardo, irei estudar esse método. E me diga, essa é uma boa solução/prática pra resolver esse problema? Commented 6/06/2017 às 19:34
  • é uma solução. Se resolve o seu caso aí depende do que tem dentro da div.result, principalmente. Commented 6/06/2017 às 19:43
  • Certo, vou ver se resolveu, caso não tenha resolvido eu volto aqui com mais detalhes Commented 6/06/2017 às 19:53

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 .