jQuery en Wordpress
Implementa jQuery correctamente en WordPress: encapsulación no conflict, registro en functions.php y buenas prácticas de desarrollo.
Como encapsular correctamente el código jQuery para usarlo en Wordpress.
En WordPress, jQuery se carga en modo “no conflict”, lo que significa que el símbolo $ no está disponible por defecto. Para usar jQuery correctamente, debes encapsular tu código en una función anónima y pasar jQuery como argumento. Aquí tienes un ejemplo de cómo hacerlo:
jQuery(document).ready(function ($) {
// Aquí puedes usar $ como alias para jQuery
$('selector').action();
});
Alternativamente, si prefieres usar jQuery sin el símbolo $, simplemente puedes hacerlo así:
jQuery(document).ready(function () {
jQuery('selector').action();
});
Asegúrate de que tu script de jQuery esté correctamente registrado y encolado en tu archivo functions.php:
function my_enqueue_scripts() {
wp_enqueue_script('jquery'); // Encola jQuery
wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'my_enqueue_scripts');
De esta manera, tu script se cargará correctamente y podrás usar jQuery en tu tema o plugin de WordPress sin problemas.
