0

Preciso dar um refresh no conteúdo ao clicar na aba. Esse refresh terá de ser feito na aba Conteúdo 2. Alguém consegue me ajudar.

<div class="row">
    <div class="medium-12 columns">
            <ul class="tabs" data-tabs id="example-tabs">
                <li class="tabs-title is-active">
                    <a href="#panel1" aria-selected="true">Conteúdo 1</a></li>
                <li class="tabs-title"><a href="#panel2">Conteúdo 2</a></li>                          
            </ul>
            <div class="tabs-content" data-tabs-content="example-tabs">
                <div class="tabs-panel is-active" id="panel1">
                    Conteudo1
                </div>
                <div class="tabs-panel" id="panel2">
                    Conteudo2
                </div>                
            </div>
        </div>
</div>

1 Resposta 1

0

Você pode usar a função load do jQuery, indicando como alvo a mesma página e a div. Provavelmente irá combinar com ajax de onde irá trazer o novo conteúdo.

HTML

<div class="tabs-panel" id="panel2">
  Conteudo2
</div>

Javascript

$('#panel2').click(function(){
  // faca algo antes
  $('#panel2').load(document.URL +  ' #panel2'); // recarrega a div
});

Foudation usa jQuery, por isso na verdade poderá usar load.

1
  • Opa blz, não funcionou amigo :/ Commented 18/01/2017 às 13:11

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 .