0

Código:

<button id="click" class="button"></button>
    <div class="TableCSS">
        <table id="clickvent">
        </table>
    </div>

 

   $(document).ready(function(){
            $("#click").click(function(){
                if($("#clickvent").is(":visible")){
                        $("#clickvent").hide();
                    } else{
                        $("#clickvent").show();
                    }                   
                $.ajax({
                    url: "../Conteudo/click.html",
                    cache: false,
                    dataType: 'html'
                })
                .done(function(retorno) {
                    $("#clickvent").html(retorno);
                })
                .fail(function() {
                    alert("Algo está errado");
                });
            });
        });

Está chamando tudo certo porém quando clico no botão precisa clicar duas vezes para carregar o conteúdo da página click.html. Alguém sabe me indicar o erro ? E só ao apertar pela primeira vez acontece isso de ter que clicar duas vezes, para esconder o conteúdo está tudo normal só para carregar que acontece.

2
  • tem certeza que o problema é esse? Pq aparentemente você esconde/mostra a #clickvent quando clica.... comenta esse if if($("#clickvent").is(":visible")) e vê se resolve o problema... Commented 11/04/2016 às 17:25
  • Comentei mas ai não faz nada. Nem uma ação ao clicar o botão.
    – Kevin.F
    Commented 11/04/2016 às 17:35

1 Resposta 1

1

Você tem que clicar 2 vezes para aparecer porque quando a página é carregada a condição if($("#clickvent").is(":visible")) já dá verdadeiro então ele executa o hide() para somente no próximo click aparecer. Sugestão para solução é antes da execução do evento de click do botão adicionar a seguinte linha:

$("#clickvent").hide();

Outra solução seria adicionar no CSS o seguinte:

#clickvent {
   display: none;
}
5
  • E quando eu tiver 2 botões, como faço para o conteúdo do segundo botão substituir o do primeiro que cliquei ?
    – Kevin.F
    Commented 11/04/2016 às 19:57
  • Você quer que o segundo botão substitua o conteúdo da tabela por outro?
    – Igor Mello
    Commented 11/04/2016 às 20:08
  • Isso mesmo, teria como ?
    – Kevin.F
    Commented 11/04/2016 às 20:09
  • Tem como sim @Kevin.F!
    – Igor Mello
    Commented 11/04/2016 às 20:19
  • Fiz uma pergunta se souber como responda lá pt.stackoverflow.com/questions/123363/…
    – Kevin.F
    Commented 14/04/2016 às 19:00

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 .