Uncaught TypeError: undefined is not a function (Bootstrap)

[uiLhian 1]

ERRO

 

1. Uncaught TypeError: undefined is not a function bootstrap.js:29
   1. (anonymous function) bootstrap.js:29
   2. (anonymous function) bootstrap.js:60

Uncaught SyntaxError: Unexpected end of input localhost:58

Linha 29: $(function () {

Linha 60: }(window.jQuery);/* =======================================================

Linha 58: </script>

 

o arquivo é o original do bootstrap mesmo sem modificações.

quando eu carrego a pagina ele ja aparece esses erros no "debug" do Chrome.

 

o unico script que tem na pagina é esse que to tentando usar:

 

<div class="tabbable">
 <ul class="nav nav-tabs" id="myTab">
 <li class="active"><a href="#home" data-toggle="tab">Início</a></li>
 <li><a href="#profile">Perfil</a></li>
 <li><a href="#messages">Mensagens</a></li>
 <li><a href="#settings">Configurações</a></li>
</ul>

<div class="tab-content">
 <div class="tab-pane active" id="home">O que</div>
 <div class="tab-pane fade" id="profile">tem</div>
 <div class="tab-pane fade" id="messages">de</div>
 <div class="tab-pane fade" id="settings">ERRADO ?</div>
</div>
</div>
</div>
</div>


<!-- Javascript -->
<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<script>
$(function() {
$('#myTab a').click(function(e) {
e.preventDefault();
$(this).tab('show');
});
}
</script>

 

[Bruno Augusto 417]

Me parece que você não carregou a jQuery.

 

Quando usei o Bootstrap um tempo atrás, a jQuery estava num arquivo separado do Bootstrap e seus módulos.

[uiLhian 1]

hmmm...

pode cre carreguei o jQuery aqui sumiu os erros anteriores.

agora o que permanece esse

 

Uncaught SyntaxError: Unexpected end of input localhost:58

 

 

<script>
 $(function() { 
$('#myTab a').click(function(e) {
 e.preventDefault(); 
$(this).tab('show'); 
}); 
} </script>

[William Bruno 1501]

erro de sintaxe

 $(function() { 
    $('#myTab a').click(function(e) {
        e.preventDefault(); 
        $(this).tab('show'); 
    }); 
});

faltou um );

[uiLhian 1]

muito obrigado! :thumbsup:

Bom aproveitando o tópico pra não ficar criando varios,

tipo tem como usar esse efeito de "Tab" no grupo de botões do bootstrap ?

tipo eu tenho la 3 botões que uso como menus ae queria usar esse "efeito tab" pra mudar de uma "pagina pra outra"

 

Obrigado!

[Bruno Augusto 417]

Tem sim, eu fiz no Painel Administrativo de um tema WordPress.

 

Se eu não tivesse perdido parte do código durant uma formatação mal executada eu até mostrava como. Não é difícil, ó não é uma coisa óbvia.

 

Se você analisar o código-fonte dos exemplos da documentação você até consegue fazer.

[uiLhian 1]

certoo...

vou dar uma olhada e ver o que consigo.

 

muito obrigado!