TypeError: 'undefined' não é uma função (avaliando '$ (document)')

1. Estou usando um site WordPress.
2. Estou incluindo este script no cabeçalho.

Quando o script é carregado, recebo este erro:

TypeError: 'undefined' não é uma função (avaliando '$ (document)')

Não tenho idéia do que está causando ou do que isso significa.

No firebug, recebo o seguinte:

$ não é uma função

Wordpress usa jQuery no modo noConflict por padrão. Você precisa fazer referência a ela usando jQueryo nome da variável, não $, por exemplo, use

jQuery(document);

ao invés de

$(document);

Você pode facilmente agrupar isso em uma função de execução automática, para que $se refira ao jQuery novamente (e evite poluir também o espaço para nome global), por exemplo

(function ($) {
   $(document);
}(jQuery));

Use jQuery's noConflict. Ele fez maravilhas para mim

var example=jQuery.noConflict();
example(function(){
example('div#rift_connect').click(function(){
    example('span#resultado').text("Hello, dude!");
    });
});

Ou seja, supondo que você incluiu o jQuery no seu HTML

<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

Usa isto:

var $ =jQuery.noConflict();

Experimente este trecho:

jQuery(function($) {
  // Your code.
})

Funcionou para mim, talvez também o ajude.

Eu tive esse problema apenas no Chrome.

Eu tentei adicionar

var $ =jQuery.noConflict();

pouco antes de ligar

$(document).ready(function () {

Funcionou.

Muito obrigado

Verifique também a inclusão do jQuery, seguido por alguns componentes / outras bibliotecas (como a jQuery UI) e depois inclua novamente o jQuery novamente - isso redefinirá o jQuery e eliminará os auxiliares do componente (como .datepicker) da instância.

 ;(function($){
        // your code
    })(jQuery);

Coloque o seu código js dentro do fechamento acima, ele deve resolver o problema.

Eu usaria isso

(function ($) {
   $(document);
}(jQuery));

Eu também enfrentei esses problemas muitas vezes na operadora de desenvolvimento da Web. Na verdade, não é um conflito de JS. Quando carregamos o site html no navegador, não enfrentamos esse erro, mas quando carregamos esse tipo de site através do host local, enfrentamos esse problema. Isso é por causa do localhost. Quando carregamos scripts através do host local, ele varre o script e renderiza a saída. Mas quando não usamos o host local. Basta escanear a saída. Por exemplo, quando escrevemos código php ao lado do host local e rodamos sem host, obtemos erro. Mas se o código estiver correto e for executado no host, obtemos saída real e, quando usamos o elemento inspecionado, obtemos o código de saída no formato HTMl, mas não no formato PHP, isso ocorre devido à renderização do código.

Isso está causando erro. Portanto, para corrigir esse erro de código jquery, uma das soluções pode estar usando esse método.

jQuery(document).ready(function($){
/******** Body of Jquery Code*****/
});

O que esse código faz é registrar '$' como a variável para a função aplicando jquery. Senão, por padrão, o arquivo .js é lido apenas como javascript.

Também encontrei esse problema ao incluir o jQuery no cabeçalho da minha página, sem perceber que o host já o incluía na página automaticamente. Então carregue sua página ao vivo e verifique a fonte para ver se o jQuery está sendo vinculado.

Duas coisas:

1. Verifique se você adicionou a biblioteca jQuery antes do seu $ (documento).
2. Em seguida, basta alterar todos os "$" com: jQuery, como nos comentários anteriores.

embrulhe todo o script entre este ...

<script>
    $.noConflict();
    jQuery( document ).ready(function( $ ) {
      // Code that uses jQuery's $ can follow here.
    });
</script>

Muitas bibliotecas JavaScript usam $ como uma função ou nome de variável, assim como o jQuery. No caso do jQuery, $ é apenas um alias para o jQuery, portanto, toda a funcionalidade está disponível sem o uso de $. Se você precisar usar outra biblioteca JavaScript ao lado do jQuery, retorne o controle $ para a outra biblioteca com uma chamada para $ .noConflict () . Referências antigas de $ são salvas durante a inicialização do jQuery; noConflict () simplesmente os restaura.

Você pode usar jQuery e $ no snippet abaixo. funcionou para mim

jQuery( document ).ready(function( $ ) {
  // jQuery(document)
  // $(document)
});

Você pode passar $ em function ()

jQuery(document).ready(function($){

// jQuery code is in here

});

ou você pode substituir $(document);por estejQuery(document);

ou você pode usar jQuery.noConflict()

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  jq('selector').show();
});