TypeError: 'undefined' no es una función (evaluar '$ (documento)')

1. Estoy usando un sitio de WordPress.
2. Estoy incluyendo este script en el encabezado.

Cuando se carga el script, aparece este error:

TypeError: 'undefined' no es una función (evaluar '$ (documento)')

No tengo idea de qué lo está causando o qué significa.

En firebug, obtengo esto:

$ no es una función

Wordpress usa jQuery en modo noConflict por defecto. Debe hacer referencia a él usando jQueryel nombre de la variable, no $, por ejemplo, usar

jQuery(document);

en vez de

$(document);

Puede resumir esto fácilmente en una función de ejecución automática para que $vuelva a referirse a jQuery (y también evite contaminar el espacio de nombres global), por ejemplo

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

Use jQuery's noConflict. Me hizo maravillas

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

Es decir, suponiendo que haya incluido jQuery en su HTML

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

Utilizar este:

var $ =jQuery.noConflict();

Prueba este fragmento:

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

A mí me funcionó, quizás también te ayude.

Tuve este problema solo en Chrome.

Traté de agregar

var $ =jQuery.noConflict();

justo antes de llamar

$(document).ready(function () {

Funcionó.

Muchas gracias

También verifique la inclusión de jQuery, seguido de algunos componentes / otras bibliotecas (como jQuery UI) y luego incluya jQuery de forma accidental nuevamente; esto redefinirá jQuery y eliminará los ayudantes de componentes (como .datepicker) de la instancia.

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

Coloque su código js dentro del cierre de arriba, debería resolver el problema.

Yo usaria esto

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

También me he enfrentado a estos problemas muchas veces en el operador de desarrollo web. En realidad, no es un conflicto de JS, cuando cargamos el sitio web html en el navegador no nos enfrentamos a ese error, pero cuando cargamos este tipo de sitio web a través de localhost nos enfrentamos a tal problema. Eso es por localhost. Cuando cargamos scripts a través del localhost, escanea el script y presenta el resultado. Pero cuando no usamos localhost. Simplemente escanea la salida. Ejemplo, cuando escribimos el código php, colocamos el host local y ejecutamos sin host, obtenemos un error. Pero si el código es correcto y se ejecuta a través del host, obtenemos una salida real, y cuando usamos el elemento de inspección obtenemos el código de salida en formato HTMl pero no en formato PHP, esto se debe a la representación del código.

Este es un error de representación. Entonces, para corregir este error de código jquery, una de las soluciones puede estar usando este método.

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

Lo que hace este código es registrar '$' como la variable de la función aplicando jquery. De lo contrario, el archivo .js solo se lee como javascript.

Me encontré con este problema también al incluir jQuery en el encabezado de mi página, sin darme cuenta de que el host ya lo estaba incluyendo en la página automáticamente. Así que cargue su página en vivo y verifique la fuente para ver si jQuery está siendo vinculado.

Dos cosas:

1. Asegúrese de tener la biblioteca jQuery agregada, antes de su $ (documento).
2. Luego simplemente cambie todo "$" con: jQuery, como los comentarios anteriores.

envolver todo el guión entre esto ...

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

Muchas bibliotecas de JavaScript usan $ como función o nombre de variable, tal como lo hace jQuery. En el caso de jQuery, $ es solo un alias para jQuery, por lo que toda la funcionalidad está disponible sin usar $. Si necesita usar otra biblioteca de JavaScript junto con jQuery, devuelva el control de $ a la otra biblioteca con una llamada a $ .noConflict () . Las referencias antiguas de $ se guardan durante la inicialización de jQuery; noConflict () simplemente los restaura.

Puede usar jQuery y $ en el fragmento a continuación. funciono para mi

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

Puede pasar $ en la función ()

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

// jQuery code is in here

});

o puedes reemplazar $(document);con estojQuery(document);

o puedes usar jQuery.noConflict()

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