Articles

¿Cómo solucionar el error de jQuery «Error de tipo no capturado: not no es una función» de WordPress?

by admin

Como habrás notado durante el desarrollo de WordPress, a veces es muy difícil averiguar cómo encolar el script de la manera correcta?

¿Debo agregar script en la parte inferior de la página en el pie de página? ¿Debo agregar script en el header del sitio de WordPress? Bueno, hay algunos estándares establecidos por WordPress framework que todo el mundo debe seguir.

En este tutorial, repasaremos cómo encolar script Typed.min.js camino correcto a su tema de WordPress y corregiremos el error Uncaught TypeError: $ is not a function jQuery.

Este tutorial le ayudará si tiene alguna de las siguientes preguntas:

  • Cómo Agregar correctamente Scripts y Estilos de Java en WordPress
  • Cómo encolar Scripts y Estilos en WordPress?
  • Cargar CSS y JavaScript En WordPress de la Manera Correcta

Primero entendamos el escenario:

Para mi otro sitio Premium, quería usar Typed.min.js con las opciones correctas de enqueue de WordPress.

Mientras trabajaba en la configuración del efecto anterior, encontré un error extraño que nunca enfrenté antes. Eche un vistazo a ese error a continuación:

El error anterior ocurrió antes de incluir jQuery de forma incorrecta en mi sitio.

Antes de usar poner el código debajo en el pie de página Manualmente:

camino Equivocado para incluir jQuery

1
2
3
4
5
6
7
8
9
10
11
12
13
<script src=»https://code.jquery.com/jquery-1.12.4.min.js»></script>
<script src=»https://pro.crunchify.com/typed.min.js» type=»text/javascript»></script>
<script>
$(function(){
$(«.element»).typed({
strings: ,
typeSpeed:100,
backDelay:3000,
loop:true
});
});
</script>

After – Right way to enqueue script in functions.php

a la Derecha camino a su secuencia de comandos en el tema de WordPress

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
función typed_script_init() {
wp_enqueue_script( ‘typedJS’, ‘https://pro.crunchify.com/typed.min.js’, array(‘jquery’) );
}
add_action(‘wp_enqueue_scripts’, ‘typed_script_init’);
function typed_init() {
echo ‘<script>
jQuery(function($){
$(«.element»).typed({
strings: ,
typeSpeed:100,
backDelay:1000,
loop:true
});
});</script>’;
}
add_action(‘wp_footer’, ‘typed_init’);

Hay dos cosas en el código anterior:

  1. Primero de todo, estamos utilizando wp_enqueue_script la función que tiene el 3er parámetro a utilizar jQuery cargado con WordPress. No hay necesidad de añadir jQuery manualmente 🙂 . Esta es LA forma correcta de encolar script en wordpress.
  2. También cambiamos la función $(function(){ a jQuery(function($){para corregir el error Uncaught TypeError: $ is not a function.

Espero que esto le ayude a corregir y encolar el error de jQuery en su sitio.

De acuerdo con la sugerencia del comentarista Jaikangam, aquí hay algunas opciones más para corregir este error:

Si tiene file crunchify.js, otra opción es iniciar el archivo de esta manera.

Option-1)

1
2
3
4
5
6
(function($){
$(document).ready(function(){
// write code here
});

Option-2)

1
2
3
4
5
6
jQuery(document).ready(function(){
// write code here
});
})(jQuery);

Feliz blogging.