2

Estou com um erro na minha função JS, quando vejo pelo browser, mostra a seguinte mensagem:

undefined is not a function

Por favor alguma dica a respeito desse erro?

<link rel="stylesheet"    href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

<script>
  $(function () {
    $("#tabs").tabs();// undefined is not a function 
  });
</script>
5
  • 2
    Já verificou se o js do plugin foi adicionado e está carregando normalmente? 2/02/2015 às 16:36
  • Qual plugin você está utilizando? Faltam alguns dados para que possamos responder sua pergunta... 2/02/2015 às 16:47
  • Você está a seleccionar o elemento correctamente? Verifique se existe um elemento com o ID igual a "tabs".
    – felipe.zkn
    2/02/2015 às 16:48
  • Adicionei os scripts do mesmo jeito que estava no Demo do Jquery. 2/02/2015 às 18:10
  • Boa tarde, alguma das respostas lhe resolveu o problema? Se sim por favor marque-a como "Correta". Se não diga o que falta. Grato.
    – Syzoth
    15/01/2016 às 13:47

3 Respostas 3

1

Suponho que você esteja usando o protocolo FILE ao invés de um servidor HTTP em sua máquina.

O uso do protocolo abreviado // só funciona se a página for carregada em HTTP. Em páginas com protocolo FILE o // é interpretado no Windows por exemplo como D: ou C: (ou melhor dizendo o // acessa a pasta raiz), ao invés de puxar do servidor CDN do Jquery os arquivos o navegador irá tentar puxar da sua máquina local.

O preferencial para desenvolver na sua máquina é usar um servidor HTTP como:

Leia sobre o protocolo HTTP: http://pt.wikipedia.org/wiki/Hypertext_Transfer_Protocol

Portanto ao usar o Apache (por exemplo) com <link href="//..."> o navegador irá interpretar o // como http ou https.

A vantagem de usar // é que a sua página for HTTPS (http com certificado de segurança), não haverá "bloqueios de segurança" ou "mensagens de erro" (claro que o CDN que você usa, terá que ter suporte para SSL ou TLS).

Porém se você tem certeza que você não vai usar https em seu site, então use o http sem "abreviação" ou você quiser mesmo desenvolver em FILE:

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css">
0

Você deve ter esquecido de carregar o código do plugin. Quando tentar chamar a propriedade .tabs, o valor dela será undefined e os parênteses irão tentar invocá-la como um função, gerando o erro.

0

Amigo o problema é o caminho dos plugins, abaixo esta o correto

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

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 .