Estoy construyendo un tema de WordPress que prontonecesito jQuery UI (solo core y efectos, no se incluye CSS) (http://hildasjcr.org.uk). Estoy usando mis propias compilaciones de jQuery y jQuery UI, porque necesito usar jQuery Effects y me gusta la notación "$". He incluido los scripts en functions.php de esta manera:
function my_scripts_method() {
wp_deregister_script( "jquery" );
wp_register_script( "jquery", get_template_directory_uri() . "/js/jquery-1.7.2.min.js");
wp_enqueue_script( "jquery" );
wp_deregister_script( "jqueryui" );
wp_register_script( "jqueryui", get_template_directory_uri() . "/js/jquery-ui-1.8.21.custom.min.js");
wp_enqueue_script( "jqueryui" );
wp_register_script( "footer", get_template_directory_uri() . "/js/footer.js");
wp_enqueue_script( "footer" );
}
add_action("wp_enqueue_scripts", "my_scripts_method");
Lo que da el siguiente código HTML (reducido a los bits relevantes):
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta charset="utf-8" />
<title>Current Students</title>
<link rel="stylesheet" type="text/css" media="all" href="http://hildasjcr.org.uk/wp-content/themes/hildas/style.css" />
<script type="text/javascript" src="http://hildasjcr.org.uk/wp-content/themes/hildas/js/jquery-1.7.2.min.js?ver=3.3.2"></script>
<script type="text/javascript" src="http://hildasjcr.org.uk/wp-content/themes/hildas/js/jquery-ui-1.8.21.custom.min.js?ver=3.3.2"></script>
<script type="text/javascript" src="http://hildasjcr.org.uk/wp-content/themes/hildas/js/footer.js?ver=3.3.2"></script>
</head>
Desafortunadamente, la interfaz de usuario de jQuery parece que se carga, pero no se puede utilizar: jQuery funciona bien, pero las funciones de la interfaz de usuario de jQuery no están definidas.
Incluso puedo ver la interfaz de usuario de jQuery en el panel de herramientas para desarrolladores de Chrome y leer el código allí.
Entonces, ¿qué "ha ido mal, y cómo lo arreglo?
Respuestas
1 para la respuesta № 1El problema era con HTML5 Boilerplate, que era la base de la página. jQuery se incluyó una segunda vez en el pie de página, y las dos instancias de jQuery no se gustaron.