Como agregar jquery a wordpress 3.1.3?

[Lopezito]

Hola.
Estoy liado con wordpress, hace mucho que no lo toco, y ahora ando viendo que al agregar el codigo:

Código PHP:

  <?php wp_enqueue_script("jquery"); ?>   

Y luego agregar:

Código:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
	$('#page_effect').fadeIn(2000);
 
});
 
</script>

No funciona :/
Que estoy haciendo mal?
Saludos.

[masterpuppet]

Que tal Lopezito,

Desde mi ignorancia en WP, te comento un par de cosas, estas cargando dos veces la librería,

esto:

Código PHP:

<?php wp_enqueue_script("jquery"); ?>
 

te carga la versión built-in de jquery y ten en cuenta que viene en modo noConflict, osea para utilizarla deberias hacer algo asi:

Código Javascript:

jQuery(document).ready(function() {
    jQuery('#page_effect').fadeIn(2000);
});
 

o asi:

Código Javascript:

$j = JQuery.noConflict();
 
$j(document).ready(function() {
    $j('#page_effect').fadeIn(2000);
});
 

o asi:

Código Javascript:

(function($){
 
    $(document).ready(function() {
        $('#page_effect').fadeIn(2000);
    });
 
})(jQuery);
 

Todo esto teniendo en cuenta que estas colocando el código donde corresponde, si te sigue sin funcionar, comprueba la consola de firebug|chrome a ver que error te tira.

Saludos.

[Lopezito]

Perdona mi ignorancia, pero como pongo:

Código:

$j = JQuery.noConflict();
 
$j(document).ready(function() {
    $j('#page_effect').fadeIn(2000);
});

lo pongo dentro de:

Código:

<script type="text/javascript"></script>

Espero tu respuesta.
Saludos.

[masterpuppet]

Si ahí exactamente.

[Nekko]

Otro modo de cargar la librería es desde el functions.php:

Código:

if ( !is_admin() ) {
function my_init_method() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');
}    
add_action('init', 'my_init_method');
}

[Lopezito]

Iniciado por masterpuppet

Si ahí exactamente.

Nose, no pasa nada :/

Iniciado por Nekko

Otro modo de cargar la librería es desde el functions.php:

Código:

if ( !is_admin() ) {
function my_init_method() {
wp_deregister_script( 'jquery' );
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');
}    
add_action('init', 'my_init_method');
}

Tampoco, supuestamente eso va en fuctions.php, luego en el header pongo el codigo:

Código:

<script type="text/javascript">
 
$(document).ready(function(){
 
	$('#cabecera').fadeIn(2000);
 
});
 
</script>

Pero igual, eso hice y nada :/

[Nekko]

Tenés una URL para compartir? Estás seguro de que no hay otro script generando algún conflicto?

[Lopezito]

Iniciado por Nekko

Tenés una URL para compartir? Estás seguro de que no hay otro script generando algún conflicto?

Estaba haciendo un diseño para mi web, y estoy haciendo el diseño en el localhost :/
Hay algún plugin que permita añadir códigos jquery?
Saludos.

[masterpuppet]

Es que debería funcionar Lopezito, has comprobado con firebug el head para ver que se esten cargando los scripts correctamente o por si te muestra algún error ?

[Lopezito]

Iniciado por masterpuppet

Es que debería funcionar Lopezito, has comprobado con firebug el head para ver que se esten cargando los scripts correctamente o por si te muestra algún error ?

Ya instale firebug en chrome, pero no salta ningun error..
Saludos.

[NUCKLEAR]

Podrias poner el codigo html generado. Asi se puede ver mejor.
Saludos.

[carlos_belisario]

en este link explican varias formas de colocarlo, aunque creo que si muestras la forma en que la colocas en tu archivo function y en el HTML seria mas facial ayudarte, saludos

[Lopezito]

Aun nada :/
Dejo imagenes:

Esta es la de fuctions.php:


http://i52.tinypic.com/m8zkt4.png

Esta es la de header.php:


http://i53.tinypic.com/24parv7.png

Estoy editando el theme twentyten que trae como default.
En fuctions lo agregue a lo ultimo del todo.
En header.php agregue el código jquery antes de </head>.
Saludos.

[j_aroche]

Prueba modificando la parte del script en header.php así:

Código Javascript:

<script type="text/javascript">
jQuery(document).ready(function($){
 
$('#cabecera').fadeIn(200);
 
});
</script>
 

[Lopezito]

Iniciado por j_aroche

Prueba modificando la parte del script en header.php así:

Código Javascript:

<script type="text/javascript">
jQuery(document).ready(function($){
 
$('#cabecera').fadeIn(200);
 
});
</script>
 

Aun nada :/

[Carlangueitor]

No se si soy el único que haga esto, pero por que no pones el código manualmente?? En tu header.php pones así:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

[Lopezito]

Iniciado por Carlangueitor

No se si soy el único que haga esto, pero por que no pones el código manualmente?? En tu header.php pones así:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Ya eh intentado y nada :/
Puedes hacer lo que pedí aquí?
Saludos.

[Carlangueitor]

Entonces el problema debe ser otro, por que no haces lo que dijo NUCKLEAR, copia el HTML generado.

Saludos

[Lopezito]

Iniciado por Carlangueitor

Entonces el problema debe ser otro, por que no haces lo que dijo NUCKLEAR, copia el HTML generado.

Saludos

Ya lo arregle, no ponía el atributo type xDDDD
Perdonen mi gran ignorancia, se me ah pasado de alto :/
Saludos.