Oi eu estou usando o seguinte código para criar layout com guias usando bootstrap twitter
agora em todas as guias eu preciso de página diferente para load.So eu quero fazer isso:
Não quero carregar o conteúdo da mesma página em todas as guias e o código acima não está carregando a nova página.Por favor, ajude ..
atualização:
audit
status
settings
help
Eu adicionei este script
$('#myTab a[href="#status"]').click(function (e) { e.preventDefault(); $(this).tab('show'); $('#status').load('https://stackoverflow.com/questions/12449063/loading-new-page-in-tabs-using-twitter-bootstrap/status.html'); });
Existem várias maneiras de fazer isso, mas antes de decidir qual usar, eu quero ter certeza de que você realmente quer separar seus arquivos assim. O que impede você de colocar o conteúdo dentro das guias da página como está?
Se não, por que não usar PHP?
Se você decidir continuar com o seu plano atual, a maneira que eu realizaria o que você está procurando fazer seria através de jQuery e AJAX.
Primeiro, você quer ter certeza de que está usando a estrutura adequada do Bootstrap – verifique a seção Tabbable Nav e faça suas guias de marcação corresponderem a áreas de conteúdo vazias:
Placeholder 1
Placeholder 2
Placeholder 3
Placeholder
Em seguida, use jQuery.load para preencher os tab-panes !
$('#tab2').load('/https://stackoverflow.com/questions/12449063/loading-new-page-in-tabs-using-twitter-bootstrap/status.html'); $('#tab3').load('/https://stackoverflow.com/questions/12449063/loading-new-page-in-tabs-using-twitter-bootstrap/settings.html'); $('#tab4').load('/https://stackoverflow.com/questions/12449063/loading-new-page-in-tabs-using-twitter-bootstrap/help.html');
Apenas remova o data-toggle = “tab”
por exemplo: na página inicial:
Home Page content 1
status content 1
O ruim é ter apenas uma cópia dos códigos de navegação