[SOLUCIONADO] No carga el jquery en wordpress

[adrian_hm13]

Buenas a todos amantes del código xD, como siempre vengo con dudas y ahora de jquery, estoy creando una tienda virtual con wordpress - woocommerce, y estaba intentando meter un scroll up, cosa que no puedo, enlazo los js en el head y pongo el código del desarrollador y nada, no va el dichoso plugin xD,

Primero pongo el jquery de google:

Código HTML:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 

Luego el enlace al plugin:

Código HTML:

<script src="js/jquery.scrollUp.min.js"></script>
 

y luego el javascript:

Código HTML:

<script type="text/javascript">
$(function () {
  $.scrollUp({
    scrollName: 'scrollUp', // Element ID
    topDistance: '300', // Distance from top before showing element (px)
    topSpeed: 300, // Speed back to top (ms)
    animation: 'fade', // Fade, slide, none
    animationInSpeed: 200, // Animation in speed (ms)
    animationOutSpeed: 200, // Animation out speed (ms)
    scrollText: 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', // Text for element
    activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  });
});
</script>
 

y nada no consigo como meterlo de verdad.. xDD,

siento mis tediosas preguntas

[alberto510a]

Hola.

Creo que tu error posiblemente es la versión de la librería jQuery prueba de poner una más nueva como por ejemplo esta:

http://code.jquery.com/jquery-1.9.1.min.js


Y aquí tienes las demás por si no te va con esa:

http://jquery.com/download/

Saludos!

[adrian_hm13]

Iniciado por alberto510a

Hola.

Creo que tu error posiblemente es la versión de la librería jQuery prueba de poner una más nueva como por ejemplo esta:

[url]http://code.jquery.com/jquery-1.9.1.min.js[/url]


Y aquí tienes las demás por si no te va con esa:

[url]http://jquery.com/download/[/url]

Saludos!

Gracias por contestar!; pero sigue sin irme xd, he probado en meterlo tambien en mi servidor y enlazarlo y tampoco sirve, no estaré poniendo el javascript o algo mal? :S

Saludos !

[alberto510a]

El código de la construcción del plugin está bien y suponiendo que estás colocando bien las librerías solo queda la opción de que estés llamando mal a la función.

Muestrame el elemento que hay que hacerle click (su id y alrededores).

Saludos

[adrian_hm13]

Iniciado por alberto510a

El código de la construcción del plugin está bien y suponiendo que estás colocando bien las librerías solo queda la opción de que estés llamando mal a la función.

Muestrame el elemento que hay que hacerle click (su id y alrededores).

Saludos

Perdona, soy bastante noob en esto, "el elemento que hay que hacerle click"?

A que te refieres?

[alberto510a]

Claro, para hacer el scroll harás click en una flecha hacia arriba o en algún texto que diga hazme scroll o cualquier cosa ¿no?

Además la id de ese elemento debe ser la misma que especificaste, es decir, "scrollUp"

[adrian_hm13]

Iniciado por alberto510a

Claro, para hacer el scroll harás click en una flecha hacia arriba o en algún texto que diga hazme scroll o cualquier cosa ¿no?

Además la id de ese elemento debe ser la misma que especificaste, es decir, "scrollUp"

Mmmm, sinceramente en el "tutorial" que viene en el plugin no marca nada de eso, o es que no me entero xD

aquí te dejo el link del tutorial si no es mucha molestía.

http://markgoodyear.com/2013/01/scrollup-jquery-plugin/

[adrian_hm13]

EDITO: Respuesta duplicada por mi mala conexión, siento las molestias

[alberto510a]

jaja muy gracioso, pero si no llamas a la función de alguna forma como sabe el DOM cuando hacer scroll (?) se lo inventa (?) tienes que especificar con algún evento cuando quieres que ocurra esa función sino te vas a morir esperando a que pase xD.

Básicamente añade esto en una página que tengas:

Código HTML:

<div id="scrollUp" style="width:100px;height:100px;background-color:#000;position:absolute;bottom:0px;right:0px;">Scroll</div>
 

Con esto no te morirás... jaja

Saludos!

[adrian_hm13]

Iniciado por alberto510a

Claro, para hacer el scroll harás click en una flecha hacia arriba o en algún texto que diga hazme scroll o cualquier cosa ¿no?

Además la id de ese elemento debe ser la misma que especificaste, es decir, "scrollUp"

Mmmm, sinceramente en el "tutorial" que viene en el plugin no marca nada de eso, o es que no me entero xD

aquí te dejo el link del tutorial si no es mucha molestia.

http://markgoodyear.com/2013/01/scrollup-jquery-plugin/

[adrian_hm13]

Dios jajajajajaja, me he vuelto loco un par de días hasta que me decido ponerlo aquí y lo solucionas en un par de respuestas, que grande eres! jajaj

Y una cosita más, como enlazo el css para que me quede exactamente igual que la demo del desarrollador del script?.

Muchísimas gracias!

[alberto510a]

Para aplicar css se hace así:

En el mismo documento en el head

Código CSS:

<style>
#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 10px 20px;
  background: #555;
  color: #fff;
}
</style>
 

En una hoja de css enlazada a través del head

Código HTML:

<link href="tu_hoja_de_estilos_en_cascada.css" rel="stylesheet" type="text/css">
 

Saludos!

[adrian_hm13]

Iniciado por alberto510a

Para aplicar css se hace así:

En el mismo documento en el head

Código CSS:

<style>
#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 10px 20px;
  background: #555;
  color: #fff;
}
</style>
 

En una hoja de css enlazada a través del head

Código HTML:

<link href="tu_hoja_de_estilos_en_cascada.css" rel="stylesheet" type="text/css">
 

Saludos!

Muchas gracias por tu ayuda tío!, ahora solo me hace falta averiguar porque no me va las animaciones ni me sube, ya que se me queda en la esquina superior izquierda, ajjajajajaja, pero al menos el estilo es el mismo xD,

De nuevo muchas gracias!

[adrian_hm13]

Acabarás hasta los ****** de mi pero bueno xDDD, mira que he puesto todo esto seguidito y despues del <head>

y nada me construye el objeto pero ni hace animaciones ni está en el sitio ni nada! xD

Código HTML:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="/wp-includes/js/jquery.scrollUp.min.js"></script>
<script>
$(function () {
  $.scrollUp({
    scrollName: 'scrollUp', // Element ID
    topDistance: '300', // Distance from top before showing element (px)
    topSpeed: 300, // Speed back to top (ms)
    animation: 'fade', // Fade, slide, none
    animationInSpeed: 200, // Animation in speed (ms)
    animationOutSpeed: 200, // Animation out speed (ms)
    scrollText: 'Scroll to top', // Text for element
    activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  });
});
</script>
 
<div id="scrollUp" style="width:100px;height:100px;background-color:#000;position:absolute;bottom:0px;right:0px;">Scroll</div>
 

[adrian_hm13]

Ayuda por favor?,

que me estoy volviendo loco ya, xd

[alberto510a]

Aquí tienes un ejemplo solo copialo tal cual y haz pruebas.

Código HTML:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://markgoodyear.com/labs/scrollup/js/jquery.scrollUp.js?1.1"></script>
<script>
$(function () {
  $.scrollUp({
    scrollName: 'scrollUp', // Element ID
    topDistance: '300', // Distance from top before showing element (px)
    topSpeed: 300, // Speed back to top (ms)
    animation: 'fade', // Fade, slide, none
    animationInSpeed: 200, // Animation in speed (ms)
    animationOutSpeed: 200, // Animation out speed (ms)
    scrollText: 'Scroll to top', // Text for element
    activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
  });
});
</script>
<div style="height:3000px;">
<div id="scrollUp" style="width:100px;height:100px;background-color:#000;color:#fff;">Scroll</div>
</div>
 

[adrian_hm13]

Y de nuevo viene mi querido salvador,

Gracias enserio, todo solucionado, a lo visto me afllaba el cargar el js del script!,

te debo media vida!, solo media vida eh xD!

Saludos!!